Dichtstbijzijnde benoemde kleur · #894E1A
#894E1A
Dichtstbijzijnde benoemde kleur: Milk Chocolate
#894E1A (rgb(137 78 26), hsl(28 68% 32%), oklch(0.485 0.102 57.5)) komt het dichtst bij de benoemde kleur Milk Chocolate. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#894E1A
oklch(0.485 0.102 57.5)
Kleurconversies
- HEX
- #894e1a
- RGB
- rgb(137 78 26)
- HSL
- hsl(28 68% 32%)
- HWB
- hwb(28 10% 46%)
- OKLCH
- oklch(0.485 0.102 57.5)
- OKLab
- oklab(0.485 0.055 0.086)
- CIE Lab
- lab(39.73 22.51 39.94)
- LCH
- lch(39.73 45.85 60.6)
- CMYK
- cmyk(0% 43% 81% 46%)
Tinten · Schaduwen · Tonen
Tinten
- 955F34
- A1704B
- AD8161
- B99376
- C5A48C
- D1B6A3
- DCC8B9
- E8DAD0
- F4ECE7
Schaduwen
- 764315
- 643810
- 532D0C
- 422307
- 311904
- 220F02
- 140701
- 070200
- 010000
Tonen
- 895428
- 885934
- 885E3E
- 876348
- 866852
- 866D5B
- 847265
- 83776E
- 827B77
Kleurharmonieën
Complementair +180°
- 894E1A
Milk Chocolate
- 0E6691
≈ Peacock Blue
Analoog -30° +30°
- 894E1A
Milk Chocolate
- 90463E
≈ Allspice Berry
- 775A00
≈ Blackfire Earth
Triadisch +120° +240°
- 894E1A
Milk Chocolate
- 006F5E
≈ Falcon Turquoise
- 665191
≈ Fine Purple
Gesplitst complementair +150° +210°
- 894E1A
Milk Chocolate
- 006C77
≈ Toadstool Teal
- 455B98
≈ Blue Dahlia
Tetradisch +90° +180° +270°
- 894E1A
Milk Chocolate
- 316E3C
≈ Arcala Green
- 0E6691
≈ Peacock Blue
- 7D487C
≈ Visiona Red
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.62:1 · APCA Lc 82
Ag
FailOp zwart
WCAG 3.16:1 · APCA Lc 19
Beste tekstkleur: #FFFFFF
WCAG 6.62:1 (AA) · APCA Lc 82
Contrast pairs
Codefragmenten
CSS
:root {
--milk-chocolate: #894e1a;
--milk-chocolate-rgb: 137 78 26;
--milk-chocolate-oklch: oklch(0.485 0.102 57.5);
}
.element {
color: var(--milk-chocolate);
background-color: hsl(28 68% 32%);
border-color: oklch(0.485 0.102 57.5);
}Tailwind CSS v4
@theme {
--color-milk-chocolate: #894e1a;
--color-milk-chocolate-50: #ffefd9;
--color-milk-chocolate-100: #ffe1c7;
--color-milk-chocolate-200: #f6cba9;
--color-milk-chocolate-300: #dfab83;
--color-milk-chocolate-400: #cc8f61;
--color-milk-chocolate-500: #b8733c;
--color-milk-chocolate-600: #9c6234;
--color-milk-chocolate-700: #7d4e29;
--color-milk-chocolate-800: #5d381d;
--color-milk-chocolate-900: #412613;
--color-milk-chocolate-950: #2a1505;
}SCSS
$milk-chocolate: #894e1a;
$milk-chocolate-rgb: 137, 78, 26;
$milk-chocolate-light: mix(#fff, $milk-chocolate, 20%);
$milk-chocolate-dark: mix(#000, $milk-chocolate, 20%);
.element {
color: $milk-chocolate;
box-shadow: 0 0 0 2px rgba($milk-chocolate, 0.35);
}