이름 색상 · #665134
Wild Chocolate
Wild Chocolate은(는) #665134: rgb(102 81 52), hsl(35 32% 30%), oklch(0.449 0.051 74.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Wild Chocolate color name →
#665134
oklch(0.449 0.051 74.8)
색상 변환
- HEX
- #665134
- RGB
- rgb(102 81 52)
- HSL
- hsl(35 32% 30%)
- HWB
- hwb(35 20% 60%)
- OKLCH
- oklch(0.449 0.051 74.8)
- OKLab
- oklab(0.449 0.013 0.05)
- CIE Lab
- lab(36.11 5.96 20.51)
- LCH
- lch(36.11 21.36 73.8)
- CMYK
- cmyk(0% 21% 49% 60%)
틴트 · 셰이드 · 톤
틴트
- 746147
- 83715A
- 92826D
- A19381
- B0A495
- BFB6A9
- CFC8BE
- DFDAD3
- EFECE9
셰이드
- 58452C
- 4A3A24
- 3C2F1C
- 2F2415
- 231A0E
- 171007
- 0C0703
- 040201
- 000000
톤
- 69563C
- 6B5A43
- 6E5F4B
- 716453
- 73685A
- 766D62
- 787269
- 7B7771
- 7D7B78
색 조화
보색 +180°
- 665134
Wild Chocolate
- 415771
≈ Hidden Sapphire
유사색 -30° +30°
- 665134
Wild Chocolate
- 6D4C3D
≈ Fondue Fudge
- 595734
≈ Maze
삼각 배색 +120° +240°
- 665134
Wild Chocolate
- 2F5E5E
≈ Calypso Green
- 604C69
≈ Futaai Indigo
분열 보색 +150° +210°
- 665134
Wild Chocolate
- 335B6B
≈ Quiet Storm
- 525171
≈ Deep Orchid
사각 배색 +90° +180° +270°
- 665134
Wild Chocolate
- 385E4E
≈ Amish Green
- 415771
≈ Hidden Sapphire
- 6A4A5C
≈ Magos
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.52:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.79:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 7.52:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--wild-chocolate: #665134;
--wild-chocolate-rgb: 102 81 52;
--wild-chocolate-oklch: oklch(0.449 0.051 74.8);
}
.element {
color: var(--wild-chocolate);
background-color: hsl(35 32% 30%);
border-color: oklch(0.449 0.051 74.8);
}Tailwind CSS v4
@theme {
--color-wild-chocolate: #665134;
--color-wild-chocolate-50: #fef4e5;
--color-wild-chocolate-100: #f2e6d5;
--color-wild-chocolate-200: #e1d2bc;
--color-wild-chocolate-300: #c7b59b;
--color-wild-chocolate-400: #b19b7d;
--color-wild-chocolate-500: #9b8260;
--color-wild-chocolate-600: #836e52;
--color-wild-chocolate-700: #695841;
--color-wild-chocolate-800: #4d402f;
--color-wild-chocolate-900: #362c1f;
--color-wild-chocolate-950: #21190f;
}SCSS
$wild-chocolate: #665134;
$wild-chocolate-rgb: 102, 81, 52;
$wild-chocolate-light: mix(#fff, $wild-chocolate, 20%);
$wild-chocolate-dark: mix(#000, $wild-chocolate, 20%);
.element {
color: $wild-chocolate;
box-shadow: 0 0 0 2px rgba($wild-chocolate, 0.35);
}