이름 색상 · #807D6F
Vetiver
Vetiver은(는) #807D6F: rgb(128 125 111), hsl(49 7% 47%), oklch(0.588 0.021 97). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Vetiver color name →
#807D6F
oklch(0.588 0.021 97)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 8C897C
- 98968A
- A4A298
- B1AFA6
- BDBCB4
- CAC9C3
- D7D6D2
- E4E4E1
- F2F1F0
셰이드
- 6E6C60
- 5D5B51
- 4D4B42
- 3D3B34
- 2E2C27
- 1F1E1A
- 12110E
- 060504
- 010101
톤
- 807D71
- 807E72
- 807E74
- 807E76
- 807F78
- 807F79
- 807F7B
- 807F7D
- 80807E
색 조화
보색 +180°
- 807D6F
Vetiver
- 797C8A
≈ Silver Surfer
유사색 -30° +30°
- 807D6F
Vetiver
- 867B70
≈ Fireplace Mantel
- 797F72
≈ Harbour Mist Grey
삼각 배색 +120° +240°
- 807D6F
Vetiver
- 6F8085
≈ Courtyard Blue
- 857881
≈ Blooming Wisteria
분열 보색 +150° +210°
- 807D6F
Vetiver
- 737E89
≈ Bay Wharf
- 807A87
≈ Dark Topaz
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.13:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.08:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 5.08:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
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);
}