Nearest named color · #4F2C27
#4F2C27
Nearest named color: Bitter Chocolate
#4F2C27 (rgb(79 44 39), hsl(7 34% 23%), oklch(0.336 0.053 28.9)) is closest to the named color Bitter Chocolate. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#4F2C27
oklch(0.336 0.053 28.9)
Color conversions
- HEX
- #4f2c27
- RGB
- rgb(79 44 39)
- HSL
- hsl(7 34% 23%)
- HWB
- hwb(7 15% 69%)
- OKLCH
- oklch(0.336 0.053 28.9)
- OKLab
- oklab(0.336 0.046 0.026)
- CIE Lab
- lab(22.54 16.12 10.55)
- LCH
- lch(22.54 19.26 33.2)
- CMYK
- cmyk(0% 44% 51% 69%)
Tints · Shades · Tones
Tints
- 603F3A
- 71524D
- 826661
- 937A76
- A48F8B
- B6A4A2
- C8BAB8
- DAD1CF
- ECE8E7
Shades
- 442520
- 381E1A
- 2E1714
- 23110E
- 190A08
- 100504
- 070202
- 020101
- 000000
Tones
- 54342F
- 593C38
- 5F4440
- 644D49
- 685552
- 6D5D5B
- 726664
- 776F6D
- 7B7777
Color harmonies
Complementary +180°
- 4F2C27
Bitter Chocolate
- 0A3E46
≈ Ghostlands Coal
Analogous -30° +30°
- 4F2C27
Bitter Chocolate
- 4D2B36
≈ Wine Tasting
- 4B301A
≈ Bavarian Sweet Mustard
Triadic +120° +240°
- 4F2C27
Bitter Chocolate
- 223F28
≈ Mizukaze Green
- 2C3653
≈ Mediaeval Blue
Split-complementary +150° +210°
- 4F2C27
Bitter Chocolate
- 104037
≈ Botanical Night
- 1A3B4F
≈ Subterranean River
Tetradic +90° +180° +270°
- 4F2C27
Bitter Chocolate
- 343B1A
≈ Turtle Skin
- 0A3E46
≈ Ghostlands Coal
- 3B314F
≈ Sanctum of Shadows
Contrast & accessibility
Ag
AAAOn white
WCAG 12.19:1 · APCA Lc 98
Ag
FailOn black
WCAG 1.72:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 12.19:1 (AAA) · APCA Lc 98
Contrast pairs
Code snippets
CSS
:root {
--bitter-chocolate: #4f2c27;
--bitter-chocolate-rgb: 79 44 39;
--bitter-chocolate-oklch: oklch(0.336 0.053 28.9);
}
.element {
color: var(--bitter-chocolate);
background-color: hsl(7 34% 23%);
border-color: oklch(0.336 0.053 28.9);
}Tailwind CSS v4
@theme {
--color-bitter-chocolate: #4f2c27;
--color-bitter-chocolate-50: #fff0ec;
--color-bitter-chocolate-100: #f9e2dd;
--color-bitter-chocolate-200: #eaccc7;
--color-bitter-chocolate-300: #d1aea7;
--color-bitter-chocolate-400: #bc938d;
--color-bitter-chocolate-500: #a77972;
--color-bitter-chocolate-600: #8d6761;
--color-bitter-chocolate-700: #71524d;
--color-bitter-chocolate-800: #533b38;
--color-bitter-chocolate-900: #3a2927;
--color-bitter-chocolate-950: #241715;
}SCSS
$bitter-chocolate: #4f2c27;
$bitter-chocolate-rgb: 79, 44, 39;
$bitter-chocolate-light: mix(#fff, $bitter-chocolate, 20%);
$bitter-chocolate-dark: mix(#000, $bitter-chocolate, 20%);
.element {
color: $bitter-chocolate;
box-shadow: 0 0 0 2px rgba($bitter-chocolate, 0.35);
}