이름 색상 · #848667
Native Henna
Native Henna은(는) #848667: rgb(132 134 103), hsl(64 13% 46%), oklch(0.61 0.045 110.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Native Henna color name →
#848667
oklch(0.61 0.045 110.7)
색상 변환
- HEX
- #848667
- RGB
- rgb(132 134 103)
- HSL
- hsl(64 13% 46%)
- HWB
- hwb(64 40% 47%)
- OKLCH
- oklch(0.61 0.045 110.7)
- OKLab
- oklab(0.61 -0.016 0.042)
- CIE Lab
- lab(55.12 -4.85 16.51)
- LCH
- lch(55.12 17.21 106.4)
- CMYK
- cmyk(1% 0% 23% 47%)
틴트 · 셰이드 · 톤
틴트
- 909175
- 9B9D84
- A7A993
- B3B5A2
- C0C1B1
- CCCDC0
- D8D9CF
- E5E6DF
- F2F2EF
셰이드
- 727459
- 60624B
- 4F513D
- 3F4030
- 2F3023
- 202117
- 12130C
- 060604
- 010100
톤
- 84856A
- 83856C
- 83846F
- 828471
- 828374
- 828376
- 818279
- 81817B
- 80817E
색 조화
보색 +180°
- 848667
Native Henna
- 837F9D
≈ Blue Intrigue
유사색 -30° +30°
- 848667
Native Henna
- 918165
≈ Ceramic Pot
- 758A71
≈ Wonderland
삼각 배색 +120° +240°
- 848667
Native Henna
- 688999
≈ Relaxed Blue
- 997887
≈ Mountbatten Pink
분열 보색 +150° +210°
- 848667
Native Henna
- 74849F
≈ Tempest
- 907B94
≈ Violet Persuasion
사각 배색 +90° +180° +270°
- 848667
Native Henna
- 638C8E
≈ Tasmanian Sea
- 837F9D
≈ Blue Intrigue
- 9D7978
≈ Neapolitan
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.75:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.58:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.58:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--native-henna: #848667;
--native-henna-rgb: 132 134 103;
--native-henna-oklch: oklch(0.61 0.045 110.7);
}
.element {
color: var(--native-henna);
background-color: hsl(64 13% 46%);
border-color: oklch(0.61 0.045 110.7);
}Tailwind CSS v4
@theme {
--color-native-henna: #848667;
--color-native-henna-50: #f5f7e8;
--color-native-henna-100: #e8ead9;
--color-native-henna-200: #d4d7c1;
--color-native-henna-300: #b7baa0;
--color-native-henna-400: #9fa183;
--color-native-henna-500: #878967;
--color-native-henna-600: #727457;
--color-native-henna-700: #5b5d46;
--color-native-henna-800: #434432;
--color-native-henna-900: #2f2f22;
--color-native-henna-950: #1b1b11;
}SCSS
$native-henna: #848667;
$native-henna-rgb: 132, 134, 103;
$native-henna-light: mix(#fff, $native-henna, 20%);
$native-henna-dark: mix(#000, $native-henna, 20%);
.element {
color: $native-henna;
box-shadow: 0 0 0 2px rgba($native-henna, 0.35);
}