Nearest named color · #4C291E
#4C291E
Nearest named color: Couch
#4C291E (rgb(76 41 30), hsl(14 43% 21%), oklch(0.324 0.056 38.2)) is closest to the named color Couch. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#4C291E
oklch(0.324 0.056 38.2)
Color conversions
- HEX
- #4c291e
- RGB
- rgb(76 41 30)
- HSL
- hsl(14 43% 21%)
- HWB
- hwb(14 12% 70%)
- OKLCH
- oklch(0.324 0.056 38.2)
- OKLab
- oklab(0.324 0.044 0.035)
- CIE Lab
- lab(21.12 15.81 14.6)
- LCH
- lch(21.12 21.52 42.7)
- CMYK
- cmyk(0% 46% 61% 70%)
Tints · Shades · Tones
Tints
- 5D3C31
- 6E4F46
- 7F635B
- 917870
- A38D87
- B5A39E
- C7B9B5
- DAD0CD
- ECE7E6
Shades
- 412219
- 361C13
- 2C150E
- 220F09
- 180905
- 0F0503
- 060201
- 020100
- 000000
Tones
- 523127
- 573A31
- 5C423A
- 624B44
- 67534D
- 6C5C57
- 716561
- 766E6B
- 7B7776
Color harmonies
Complementary +180°
- 4C291E
Couch
- 043A47
≈ Ghostlands Coal
Analogous -30° +30°
- 4C291E
Couch
- 4C272E
≈ Volcano
- 462E11
≈ Stirland Mud
Triadic +120° +240°
- 4C291E
Couch
- 173C29
≈ Deep Fir
- 2D3150
≈ Blue Lobelia
Split-complementary +150° +210°
- 4C291E
Couch
- 013D39
≈ Rich Black
- 1B364F
≈ Gibraltar Sea
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 12.77:1 · APCA Lc 99
Ag
FailOn black
WCAG 1.64:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 12.77:1 (AAA) · APCA Lc 99
Contrast pairs
Code snippets
CSS
:root {
--couch: #4c291e;
--couch-rgb: 76 41 30;
--couch-oklch: oklch(0.324 0.056 38.2);
}
.element {
color: var(--couch);
background-color: hsl(14 43% 21%);
border-color: oklch(0.324 0.056 38.2);
}Tailwind CSS v4
@theme {
--color-couch: #4c291e;
--color-couch-50: #fff0e9;
--color-couch-100: #f9e2da;
--color-couch-200: #eacdc3;
--color-couch-300: #d2aea2;
--color-couch-400: #bd9487;
--color-couch-500: #a77a6b;
--color-couch-600: #8d675b;
--color-couch-700: #715249;
--color-couch-800: #543c35;
--color-couch-900: #3b2924;
--color-couch-950: #241713;
}SCSS
$couch: #4c291e;
$couch-rgb: 76, 41, 30;
$couch-light: mix(#fff, $couch, 20%);
$couch-dark: mix(#000, $couch, 20%);
.element {
color: $couch;
box-shadow: 0 0 0 2px rgba($couch, 0.35);
}