Dichtstbijzijnde benoemde kleur · #994E32
#994E32
Dichtstbijzijnde benoemde kleur: Coco Muck
#994E32 (rgb(153 78 50), hsl(16 51% 40%), oklch(0.51 0.108 40.7)) komt het dichtst bij de benoemde kleur Coco Muck. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#994E32
oklch(0.51 0.108 40.7)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- A45F46
- AF715A
- BA826E
- C49381
- CFA596
- D9B6AA
- E3C8BF
- ECDAD4
- F6EDE9
Schaduwen
- 84432A
- 703822
- 5D2D1B
- 4A2314
- 38190D
- 270F07
- 170703
- 080201
- 010000
Tonen
- 97543B
- 965943
- 945F4B
- 926453
- 8F695B
- 8D6D62
- 8A726A
- 877771
- 847B79
Kleurharmonieën
Complementair +180°
- 994E32
Coco Muck
- 00728B
≈ Waterworld
Analoog -30° +30°
- 994E32
Coco Muck
- 994957
≈ Baked Bahama
- 8D5904
≈ Grizzly
Triadisch +120° +240°
- 994E32
Coco Muck
- 127951
≈ Poplar Forest
- 5C5DA3
≈ Violet Storm
Gesplitst complementair +150° +210°
- 994E32
Coco Muck
- 007672
≈ Artisan Green
- 3069A2
≈ Distant Blue
Tetradisch +90° +180° +270°
- 994E32
Coco Muck
- 50722A
≈ Loren Forest
- 00728B
≈ Waterworld
- 7A5394
≈ Juneberry
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.01:1 · APCA Lc 80
Ag
FailOp zwart
WCAG 3.49:1 · APCA Lc 22
Beste tekstkleur: #FFFFFF
WCAG 6.01:1 (AA) · APCA Lc 80
Contrast pairs
Codefragmenten
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);
}