Nearest named color · #56322A
#56322A
Nearest named color: Couch
#56322A (rgb(86 50 42), hsl(11 34% 25%), oklch(0.36 0.055 33.3)) is closest to the named color Couch. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#56322A
oklch(0.36 0.055 33.3)
Color conversions
- HEX
- #56322a
- RGB
- rgb(86 50 42)
- HSL
- hsl(11 34% 25%)
- HWB
- hwb(11 16% 66%)
- OKLCH
- oklch(0.36 0.055 33.3)
- OKLab
- oklab(0.36 0.046 0.03)
- CIE Lab
- lab(25.25 16.02 12.36)
- LCH
- lch(25.25 20.23 37.7)
- CMYK
- cmyk(0% 42% 51% 66%)
Tints · Shades · Tones
Tints
- 66443D
- 765750
- 876A64
- 987E78
- A8938D
- B9A7A3
- CABDB9
- DCD2D0
- EDE9E7
Shades
- 4A2A23
- 3E221C
- 321B16
- 271410
- 1C0D0A
- 120705
- 080302
- 020101
- 000000
Tones
- 5B3A32
- 5F413A
- 644943
- 68514B
- 6C5854
- 70605C
- 746865
- 78706E
- 7C7877
Color harmonies
Complementary +180°
- 56322A
Couch
- 11444E
≈ Cold and Dark
Analogous -30° +30°
- 56322A
Couch
- 55303A
≈ Port Royale
- 51361D
≈ Brown Bramble
Triadic +120° +240°
- 56322A
Couch
- 25452F
≈ Birōdo Green
- 343B5A
≈ Magic Night
Split-complementary +150° +210°
- 56322A
Couch
- 134640
≈ Black Soap
- 224057
≈ Salty Dog
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 11.13:1 · APCA Lc 96
Ag
FailOn black
WCAG 1.88:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 11.13:1 (AAA) · APCA Lc 96
Contrast pairs
Code snippets
CSS
:root {
--couch: #56322a;
--couch-rgb: 86 50 42;
--couch-oklch: oklch(0.36 0.055 33.3);
}
.element {
color: var(--couch);
background-color: hsl(11 34% 25%);
border-color: oklch(0.36 0.055 33.3);
}Tailwind CSS v4
@theme {
--color-couch: #56322a;
--color-couch-50: #fff0eb;
--color-couch-100: #f9e2dc;
--color-couch-200: #eacdc5;
--color-couch-300: #d2aea5;
--color-couch-400: #bc938a;
--color-couch-500: #a7796f;
--color-couch-600: #8d675e;
--color-couch-700: #71524b;
--color-couch-800: #543c37;
--color-couch-900: #3a2925;
--color-couch-950: #241714;
}SCSS
$couch: #56322a;
$couch-rgb: 86, 50, 42;
$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);
}