Nearest named color · #4C0E00
#4C0E00
Nearest named color: Lonely Chocolate
#4C0E00 (rgb(76 14 0), hsl(11 100% 15%), oklch(0.275 0.095 35.5)) is closest to the named color Lonely Chocolate. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#4C0E00
oklch(0.275 0.095 35.5)
Color conversions
- HEX
- #4c0e00
- RGB
- rgb(76 14 0)
- HSL
- hsl(11 100% 15%)
- HWB
- hwb(11 0% 70%)
- OKLCH
- oklch(0.275 0.095 35.5)
- OKLab
- oklab(0.275 0.078 0.055)
- CIE Lab
- lab(15.08 28.72 23.29)
- LCH
- lch(15.08 36.98 39)
- CMYK
- cmyk(0% 82% 100% 70%)
Tints · Shades · Tones
Tints
- 5E2618
- 713D2F
- 825347
- 946A5F
- A68278
- B89A92
- CAB2AC
- DBCBC7
- EDE5E3
Shades
- 410B00
- 360700
- 2C0500
- 220300
- 180200
- 0F0100
- 060000
- 020000
- 000000
Tones
- 521C0D
- 59271B
- 5F3327
- 643E33
- 694940
- 6E534C
- 735E59
- 786A66
- 7C7573
Color harmonies
Complementary +180°
- 4C0E00
Lonely Chocolate
- 002D37
≈ Black Chasm
Analogous -30° +30°
- 4C0E00
Lonely Chocolate
- 4B0A21
≈ What We Do in the Shadows
- 3C2000
≈ Dark Ebony
Triadic +120° +240°
- 4C0E00
Lonely Chocolate
- 003119
≈ Nightly Woods
- 1C2055
≈ Spacescape
Split-complementary +150° +210°
- 4C0E00
Lonely Chocolate
- 002F2B
≈ Roof Tile Green
- 002A47
≈ Royal Blue Metallic
Tetradic +90° +180° +270°
- 4C0E00
Lonely Chocolate
- 202D00
≈ Blind Forest
- 002D37
≈ Black Chasm
- 33174C
≈ Russian Violet
Contrast & accessibility
Ag
AAAOn white
WCAG 15.32:1 · APCA Lc 101
Ag
FailOn black
WCAG 1.37:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 15.32:1 (AAA) · APCA Lc 101
Contrast pairs
Code snippets
CSS
:root {
--lonely-chocolate: #4c0e00;
--lonely-chocolate-rgb: 76 14 0;
--lonely-chocolate-oklch: oklch(0.275 0.095 35.5);
}
.element {
color: var(--lonely-chocolate);
background-color: hsl(11 100% 15%);
border-color: oklch(0.275 0.095 35.5);
}Tailwind CSS v4
@theme {
--color-lonely-chocolate: #4c0e00;
--color-lonely-chocolate-50: #ffece2;
--color-lonely-chocolate-100: #ffded2;
--color-lonely-chocolate-200: #fac7b8;
--color-lonely-chocolate-300: #e3a795;
--color-lonely-chocolate-400: #d08a77;
--color-lonely-chocolate-500: #bc6e59;
--color-lonely-chocolate-600: #9f5d4c;
--color-lonely-chocolate-700: #804b3d;
--color-lonely-chocolate-800: #5f362c;
--color-lonely-chocolate-900: #43251e;
--color-lonely-chocolate-950: #2b130e;
}SCSS
$lonely-chocolate: #4c0e00;
$lonely-chocolate-rgb: 76, 14, 0;
$lonely-chocolate-light: mix(#fff, $lonely-chocolate, 20%);
$lonely-chocolate-dark: mix(#000, $lonely-chocolate, 20%);
.element {
color: $lonely-chocolate;
box-shadow: 0 0 0 2px rgba($lonely-chocolate, 0.35);
}