Warna bernama · #807D6F
Vetiver
Vetiver adalah #807D6F: rgb(128 125 111), hsl(49 7% 47%), oklch(0.588 0.021 97). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Vetiver color name →
#807D6F
oklch(0.588 0.021 97)
Konversi warna
- HEX
- #807d6f
- RGB
- rgb(128 125 111)
- HSL
- hsl(49 7% 47%)
- HWB
- hwb(49 44% 50%)
- OKLCH
- oklch(0.588 0.021 97)
- OKLab
- oklab(0.588 -0.003 0.021)
- CIE Lab
- lab(52.36 -0.76 8.09)
- LCH
- lch(52.36 8.13 95.3)
- CMYK
- cmyk(0% 2% 13% 50%)
Tint · Shade · Tone
Tint
- 8C897C
- 98968A
- A4A298
- B1AFA6
- BDBCB4
- CAC9C3
- D7D6D2
- E4E4E1
- F2F1F0
Shade
- 6E6C60
- 5D5B51
- 4D4B42
- 3D3B34
- 2E2C27
- 1F1E1A
- 12110E
- 060504
- 010101
Tone
- 807D71
- 807E72
- 807E74
- 807E76
- 807F78
- 807F79
- 807F7B
- 807F7D
- 80807E
Harmoni warna
Komplementer +180°
- 807D6F
Vetiver
- 797C8A
≈ Silver Surfer
Analog -30° +30°
- 807D6F
Vetiver
- 867B70
≈ Fireplace Mantel
- 797F72
≈ Harbour Mist Grey
Triadik +120° +240°
- 807D6F
Vetiver
- 6F8085
≈ Courtyard Blue
- 857881
≈ Blooming Wisteria
Split-komplementer +150° +210°
- 807D6F
Vetiver
- 737E89
≈ Bay Wharf
- 807A87
≈ Dark Topaz
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 4.13:1 · APCA Lc 68
Ag
AADi atas hitam
WCAG 5.08:1 · APCA Lc 33
Warna teks terbaik: #000000
WCAG 5.08:1 (AA) · APCA Lc 33
Contrast pairs
Cuplikan kode
CSS
:root {
--vetiver: #807d6f;
--vetiver-rgb: 128 125 111;
--vetiver-oklch: oklch(0.588 0.021 97);
}
.element {
color: var(--vetiver);
background-color: hsl(49 7% 47%);
border-color: oklch(0.588 0.021 97);
}Tailwind CSS v4
@theme {
--color-vetiver: #807d6f;
--color-vetiver-50: #f6f5ef;
--color-vetiver-100: #e9e8e0;
--color-vetiver-200: #d6d5ca;
--color-vetiver-300: #bab8ac;
--color-vetiver-400: #a29f91;
--color-vetiver-500: #8a8677;
--color-vetiver-600: #757265;
--color-vetiver-700: #5d5b50;
--color-vetiver-800: #44423a;
--color-vetiver-900: #2f2e28;
--color-vetiver-950: #1c1b16;
}SCSS
$vetiver: #807d6f;
$vetiver-rgb: 128, 125, 111;
$vetiver-light: mix(#fff, $vetiver, 20%);
$vetiver-dark: mix(#000, $vetiver, 20%);
.element {
color: $vetiver;
box-shadow: 0 0 0 2px rgba($vetiver, 0.35);
}