Colore con nome · #687760
Old Vine
Old Vine è #687760: rgb(104 119 96), hsl(99 11% 42%), oklch(0.55 0.039 134.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Old Vine color name →
#687760
oklch(0.55 0.039 134.7)
Conversioni di colore
- HEX
- #687760
- RGB
- rgb(104 119 96)
- HSL
- hsl(99 11% 42%)
- HWB
- hwb(99 38% 53%)
- OKLCH
- oklch(0.55 0.039 134.7)
- OKLab
- oklab(0.55 -0.028 0.028)
- CIE Lab
- lab(48.28 -9.26 10.75)
- LCH
- lch(48.28 14.19 130.8)
- CMYK
- cmyk(13% 0% 19% 53%)
Tinte · Ombre · Toni
Tinte
- 76846F
- 84917E
- 939E8D
- A2AB9D
- B1B9AC
- C0C6BC
- CFD4CD
- DFE2DD
- EFF1EE
Ombre
- 596752
- 4B5745
- 3E4738
- 30382C
- 242A20
- 181C15
- 0C100A
- 040503
- 000100
Toni
- 6A7863
- 6D7966
- 6F7A6A
- 727B6D
- 747C70
- 767C73
- 797D76
- 7B7E7A
- 7E7F7D
Armonie di colore
Complementare +180°
- 687760
Old Vine
- 7A6B82
≈ Purplish Grey
Analogo -30° +30°
- 687760
Old Vine
- 757359
≈ Positively Palm
- 5D796C
≈ Stately Stems
Triadico +120° +240°
- 687760
Old Vine
- 627389
≈ Lost Atlantis
- 87696A
≈ Ferra
Complementare divisa +150° +210°
- 687760
Old Vine
- 6F6F88
≈ Rockabilly
- 836977
≈ Moonscape
Tetradico +90° +180° +270°
- 687760
Old Vine
- 597783
≈ Hampton Surf
- 7A6B82
≈ Purplish Grey
- 866B5F
≈ Ruskie
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.77:1 · APCA Lc 73
Ag
FailSu nero
WCAG 4.39:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.77:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--old-vine: #687760;
--old-vine-rgb: 104 119 96;
--old-vine-oklch: oklch(0.55 0.039 134.7);
}
.element {
color: var(--old-vine);
background-color: hsl(99 11% 42%);
border-color: oklch(0.55 0.039 134.7);
}Tailwind CSS v4
@theme {
--color-old-vine: #687760;
--color-old-vine-50: #f0f8ed;
--color-old-vine-100: #e2ebde;
--color-old-vine-200: #cdd8c8;
--color-old-vine-300: #aebca9;
--color-old-vine-400: #95a48d;
--color-old-vine-500: #7b8c72;
--color-old-vine-600: #687761;
--color-old-vine-700: #535f4d;
--color-old-vine-800: #3d4538;
--color-old-vine-900: #2a3026;
--color-old-vine-950: #181c14;
}SCSS
$old-vine: #687760;
$old-vine-rgb: 104, 119, 96;
$old-vine-light: mix(#fff, $old-vine, 20%);
$old-vine-dark: mix(#000, $old-vine, 20%);
.element {
color: $old-vine;
box-shadow: 0 0 0 2px rgba($old-vine, 0.35);
}