가장 가까운 이름 색상 · #994E32
#994E32
가장 가까운 이름 색상: Coco Muck
#994E32(rgb(153 78 50), hsl(16 51% 40%), oklch(0.51 0.108 40.7))와 가장 가까운 이름 색상은 Coco Muck입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#994E32
oklch(0.51 0.108 40.7)
색상 변환
- HEX
- #994e32
- RGB
- rgb(153 78 50)
- HSL
- hsl(16 51% 40%)
- HWB
- hwb(16 20% 40%)
- OKLCH
- oklch(0.51 0.108 40.7)
- OKLab
- oklab(0.51 0.082 0.071)
- CIE Lab
- lab(42.37 30.29 31.15)
- LCH
- lch(42.37 43.45 45.8)
- CMYK
- cmyk(0% 49% 67% 40%)
틴트 · 셰이드 · 톤
틴트
- A45F46
- AF715A
- BA826E
- C49381
- CFA596
- D9B6AA
- E3C8BF
- ECDAD4
- F6EDE9
셰이드
- 84432A
- 703822
- 5D2D1B
- 4A2314
- 38190D
- 270F07
- 170703
- 080201
- 010000
톤
- 97543B
- 965943
- 945F4B
- 926453
- 8F695B
- 8D6D62
- 8A726A
- 877771
- 847B79
색 조화
보색 +180°
- 994E32
Coco Muck
- 00728B
≈ Waterworld
유사색 -30° +30°
- 994E32
Coco Muck
- 994957
≈ Baked Bahama
- 8D5904
≈ Grizzly
삼각 배색 +120° +240°
- 994E32
Coco Muck
- 127951
≈ Poplar Forest
- 5C5DA3
≈ Violet Storm
분열 보색 +150° +210°
- 994E32
Coco Muck
- 007672
≈ Artisan Green
- 3069A2
≈ Distant Blue
사각 배색 +90° +180° +270°
- 994E32
Coco Muck
- 50722A
≈ Loren Forest
- 00728B
≈ Waterworld
- 7A5394
≈ Juneberry
대비 및 접근성
Ag
AA흰색 위
WCAG 6.01:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.49:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 6.01:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--coco-muck: #994e32;
--coco-muck-rgb: 153 78 50;
--coco-muck-oklch: oklch(0.51 0.108 40.7);
}
.element {
color: var(--coco-muck);
background-color: hsl(16 51% 40%);
border-color: oklch(0.51 0.108 40.7);
}Tailwind CSS v4
@theme {
--color-coco-muck: #994e32;
--color-coco-muck-50: #ffecdd;
--color-coco-muck-100: #ffddcc;
--color-coco-muck-200: #fdc6b0;
--color-coco-muck-300: #e7a58b;
--color-coco-muck-400: #d5886c;
--color-coco-muck-500: #c26b4b;
--color-coco-muck-600: #a45b40;
--color-coco-muck-700: #834933;
--color-coco-muck-800: #623425;
--color-coco-muck-900: #452419;
--color-coco-muck-950: #2c120a;
}SCSS
$coco-muck: #994e32;
$coco-muck-rgb: 153, 78, 50;
$coco-muck-light: mix(#fff, $coco-muck, 20%);
$coco-muck-dark: mix(#000, $coco-muck, 20%);
.element {
color: $coco-muck;
box-shadow: 0 0 0 2px rgba($coco-muck, 0.35);
}