이름 색상 · #9D7B74
Wild Hemp
Wild Hemp은(는) #9D7B74: rgb(157 123 116), hsl(10 17% 54%), oklch(0.614 0.044 31.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Wild Hemp color name →
#9D7B74
oklch(0.614 0.044 31.7)
색상 변환
- HEX
- #9d7b74
- RGB
- rgb(157 123 116)
- HSL
- hsl(10 17% 54%)
- HWB
- hwb(10 45% 38%)
- OKLCH
- oklch(0.614 0.044 31.7)
- OKLab
- oklab(0.614 0.037 0.023)
- CIE Lab
- lab(54.82 12.82 9.16)
- LCH
- lch(54.82 15.75 35.5)
- CMYK
- cmyk(0% 22% 26% 38%)
틴트 · 셰이드 · 톤
틴트
- A78781
- B0948E
- BAA19C
- C4AEA9
- CEBBB7
- D8C8C5
- E1D6D3
- EBE3E2
- F5F1F0
셰이드
- 886A64
- 735A54
- 5F4A45
- 4C3A37
- 3A2C29
- 281E1B
- 18100F
- 090505
- 010101
톤
- 9A7C75
- 977C76
- 957D78
- 927D79
- 8F7E7A
- 8C7E7B
- 897F7C
- 867F7E
- 83807F
색 조화
보색 +180°
- 9D7B74
Wild Hemp
- 668C94
≈ Oarsman Blue
유사색 -30° +30°
- 9D7B74
Wild Hemp
- 9C7A82
≈ Mulberry Wine
- 987F6A
≈ Chocolate Moment
삼각 배색 +120° +240°
- 9D7B74
Wild Hemp
- 718C77
≈ Ivy Wreath
- 7B839F
≈ Tempest
분열 보색 +150° +210°
- 9D7B74
Wild Hemp
- 678D86
≈ Aspen Hush
- 6D889D
≈ Merman
사각 배색 +90° +180° +270°
- 9D7B74
Wild Hemp
- 80896B
≈ Green Bush
- 668C94
≈ Oarsman Blue
- 897E9B
≈ Grey Dusk
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.80:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.51:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.51:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--wild-hemp: #9d7b74;
--wild-hemp-rgb: 157 123 116;
--wild-hemp-oklch: oklch(0.614 0.044 31.7);
}
.element {
color: var(--wild-hemp);
background-color: hsl(10 17% 54%);
border-color: oklch(0.614 0.044 31.7);
}Tailwind CSS v4
@theme {
--color-wild-hemp: #9d7b74;
--color-wild-hemp-50: #fff1ed;
--color-wild-hemp-100: #f6e3de;
--color-wild-hemp-200: #e6cec8;
--color-wild-hemp-300: #cdb0a9;
--color-wild-hemp-400: #b7958e;
--color-wild-hemp-500: #a17c74;
--color-wild-hemp-600: #886962;
--color-wild-hemp-700: #6d544f;
--color-wild-hemp-800: #513d39;
--color-wild-hemp-900: #382a27;
--color-wild-hemp-950: #231715;
}SCSS
$wild-hemp: #9d7b74;
$wild-hemp-rgb: 157, 123, 116;
$wild-hemp-light: mix(#fff, $wild-hemp, 20%);
$wild-hemp-dark: mix(#000, $wild-hemp, 20%);
.element {
color: $wild-hemp;
box-shadow: 0 0 0 2px rgba($wild-hemp, 0.35);
}