Nearest named color · #845128
#845128
Nearest named color: Milk Chocolate
#845128 (rgb(132 81 40), hsl(27 53% 34%), oklch(0.485 0.088 57.3)) is closest to the named color Milk Chocolate. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#845128
oklch(0.485 0.088 57.3)
Color conversions
- HEX
- #845128
- RGB
- rgb(132 81 40)
- HSL
- hsl(27 53% 34%)
- HWB
- hwb(27 16% 48%)
- OKLCH
- oklch(0.485 0.088 57.3)
- OKLab
- oklab(0.485 0.048 0.074)
- CIE Lab
- lab(39.85 19.11 32.84)
- LCH
- lch(39.85 37.99 59.8)
- CMYK
- cmyk(0% 39% 70% 48%)
Tints · Shades · Tones
Tints
- 90613E
- 9D7252
- A98367
- B6947C
- C2A591
- CEB7A6
- DAC8BC
- E7DAD2
- F3EDE8
Shades
- 724521
- 603A1B
- 4F2F15
- 3F240F
- 2F1A09
- 201004
- 120702
- 060201
- 010000
Tones
- 845632
- 845B3C
- 846045
- 84654E
- 846956
- 836E5F
- 837267
- 82776F
- 817C78
Color harmonies
Complementary +180°
- 845128
Milk Chocolate
- 24668B
≈ Traditional Blue
Analogous -30° +30°
- 845128
Milk Chocolate
- 8A4A43
≈ Rojo Oxide
- 745B18
≈ Hot Mustard
Triadic +120° +240°
- 845128
Milk Chocolate
- 066F5E
≈ Falcon Turquoise
- 65538B
≈ Zimidar
Split-complementary +150° +210°
- 845128
Milk Chocolate
- 006C77
≈ Toadstool Teal
- 495D91
≈ Blue Dude
Tetradic +90° +180° +270°
- 845128
Milk Chocolate
- 3A6C41
≈ Arcala Green
- 24668B
≈ Traditional Blue
- 794C79
≈ Spiced Plum
Contrast & accessibility
Ag
AAOn white
WCAG 6.58:1 · APCA Lc 82
Ag
FailOn black
WCAG 3.18:1 · APCA Lc 20
Best text color: #FFFFFF
WCAG 6.58:1 (AA) · APCA Lc 82
Contrast pairs
Code snippets
CSS
:root {
--milk-chocolate: #845128;
--milk-chocolate-rgb: 132 81 40;
--milk-chocolate-oklch: oklch(0.485 0.088 57.3);
}
.element {
color: var(--milk-chocolate);
background-color: hsl(27 53% 34%);
border-color: oklch(0.485 0.088 57.3);
}Tailwind CSS v4
@theme {
--color-milk-chocolate: #845128;
--color-milk-chocolate-50: #fff0dd;
--color-milk-chocolate-100: #ffe2cb;
--color-milk-chocolate-200: #f2ccaf;
--color-milk-chocolate-300: #daad8a;
--color-milk-chocolate-400: #c6916a;
--color-milk-chocolate-500: #b27749;
--color-milk-chocolate-600: #96653e;
--color-milk-chocolate-700: #795031;
--color-milk-chocolate-800: #5a3a23;
--color-milk-chocolate-900: #3f2817;
--color-milk-chocolate-950: #281608;
}SCSS
$milk-chocolate: #845128;
$milk-chocolate-rgb: 132, 81, 40;
$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);
}