Named color · #9C6E63
Reddened Earth
Reddened Earth is #9C6E63: rgb(156 110 99), hsl(12 22% 50%), oklch(0.582 0.062 33.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Reddened Earth color name →
#9C6E63
oklch(0.582 0.062 33.9)
Color conversions
- HEX
- #9c6e63
- RGB
- rgb(156 110 99)
- HSL
- hsl(12 22% 50%)
- HWB
- hwb(12 39% 39%)
- OKLCH
- oklch(0.582 0.062 33.9)
- OKLab
- oklab(0.582 0.051 0.034)
- CIE Lab
- lab(51.07 17.74 13.82)
- LCH
- lch(51.07 22.49 37.9)
- CMYK
- cmyk(0% 29% 37% 39%)
Tints · Shades · Tones
Tints
- A67C72
- B08A80
- BA988F
- C4A69F
- CEB4AE
- D8C3BE
- E2D2CE
- EBE1DE
- F5F0EE
Shades
- 875F55
- 735047
- 5F413A
- 4C332E
- 392621
- 281916
- 180E0B
- 090403
- 010100
Tones
- 9A7066
- 977269
- 94746C
- 92766F
- 8F7772
- 8C7975
- 897B77
- 867D7A
- 837E7D
Color harmonies
Complementary +180°
- 9C6E63
Reddened Earth
- 4D8591
≈ Flounce
Analogous -30° +30°
- 9C6E63
Reddened Earth
- 9B6C77
≈ Concerto
- 957354
≈ Sagebrush
Triadic +120° +240°
- 9C6E63
Reddened Earth
- 5E866A
≈ Clouded Pine
- 6F79A0
≈ Quantum Blue
Split-complementary +150° +210°
- 9C6E63
Reddened Earth
- 4E877F
≈ Jericho Jade
- 5B7F9D
≈ Goddess of the Nile
Tetradic +90° +180° +270°
- 9C6E63
Reddened Earth
- 738259
≈ Terrain
- 4D8591
≈ Flounce
- 837299
≈ Baroness Mauve
Contrast & accessibility
Ag
FailOn white
WCAG 4.35:1 · APCA Lc 70
Ag
AAOn black
WCAG 4.82:1 · APCA Lc 32
Best text color: #000000
WCAG 4.82:1 (AA) · APCA Lc 32
Contrast pairs
Code snippets
CSS
:root {
--reddened-earth: #9c6e63;
--reddened-earth-rgb: 156 110 99;
--reddened-earth-oklch: oklch(0.582 0.062 33.9);
}
.element {
color: var(--reddened-earth);
background-color: hsl(12 22% 50%);
border-color: oklch(0.582 0.062 33.9);
}Tailwind CSS v4
@theme {
--color-reddened-earth: #9c6e63;
--color-reddened-earth-50: #ffefe9;
--color-reddened-earth-100: #fce1da;
--color-reddened-earth-200: #edccc2;
--color-reddened-earth-300: #d5ada2;
--color-reddened-earth-400: #c09287;
--color-reddened-earth-500: #ab786b;
--color-reddened-earth-600: #90655b;
--color-reddened-earth-700: #745149;
--color-reddened-earth-800: #563b35;
--color-reddened-earth-900: #3c2824;
--color-reddened-earth-950: #251613;
}SCSS
$reddened-earth: #9c6e63;
$reddened-earth-rgb: 156, 110, 99;
$reddened-earth-light: mix(#fff, $reddened-earth, 20%);
$reddened-earth-dark: mix(#000, $reddened-earth, 20%);
.element {
color: $reddened-earth;
box-shadow: 0 0 0 2px rgba($reddened-earth, 0.35);
}