이름 색상 · #9D8675
Earthnut
Earthnut은(는) #9D8675: rgb(157 134 117), hsl(26 17% 54%), oklch(0.636 0.037 58.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Earthnut color name →
#9D8675
oklch(0.636 0.037 58.5)
색상 변환
- HEX
- #9d8675
- RGB
- rgb(157 134 117)
- HSL
- hsl(26 17% 54%)
- HWB
- hwb(26 46% 38%)
- OKLCH
- oklch(0.636 0.037 58.5)
- OKLab
- oklab(0.636 0.02 0.032)
- CIE Lab
- lab(57.72 7.01 12.6)
- LCH
- lch(57.72 14.42 60.9)
- CMYK
- cmyk(0% 15% 25% 38%)
틴트 · 셰이드 · 톤
틴트
- A79182
- B09D8F
- BAA99D
- C3B5AA
- CDC1B8
- D7CDC6
- E1D9D4
- EBE6E2
- F5F2F0
셰이드
- 887465
- 736255
- 5F5146
- 4C4037
- 3A3029
- 28211C
- 18130F
- 090605
- 010101
톤
- 9A8576
- 978577
- 948479
- 92847A
- 8F837B
- 8C837C
- 89827D
- 86817E
- 83817F
색 조화
보색 +180°
- 9D8675
Earthnut
- 778FA0
≈ Jean Jacket Blue
유사색 -30° +30°
- 9D8675
Earthnut
- A1837E
≈ Pigeon Pink
- 948A72
≈ Dry Pasture
삼각 배색 +120° +240°
- 9D8675
Earthnut
- 73938B
≈ Longmeadow
- 8E879F
≈ Antiquate
분열 보색 +150° +210°
- 9D8675
Earthnut
- 719297
≈ Blue Clay
- 818BA3
≈ Violet Aura
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.44:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.10:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.10:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--earthnut: #9d8675;
--earthnut-rgb: 157 134 117;
--earthnut-oklch: oklch(0.636 0.037 58.5);
}
.element {
color: var(--earthnut);
background-color: hsl(26 17% 54%);
border-color: oklch(0.636 0.037 58.5);
}Tailwind CSS v4
@theme {
--color-earthnut: #9d8675;
--color-earthnut-50: #fef3eb;
--color-earthnut-100: #f2e5dc;
--color-earthnut-200: #e1d1c5;
--color-earthnut-300: #c6b3a5;
--color-earthnut-400: #b09a89;
--color-earthnut-500: #9a816e;
--color-earthnut-600: #826d5d;
--color-earthnut-700: #68574a;
--color-earthnut-800: #4d3f36;
--color-earthnut-900: #352c25;
--color-earthnut-950: #201913;
}SCSS
$earthnut: #9d8675;
$earthnut-rgb: 157, 134, 117;
$earthnut-light: mix(#fff, $earthnut, 20%);
$earthnut-dark: mix(#000, $earthnut, 20%);
.element {
color: $earthnut;
box-shadow: 0 0 0 2px rgba($earthnut, 0.35);
}