Named color · #D59982
Terra Earth
Terra Earth is #D59982: rgb(213 153 130), hsl(17 50% 67%), oklch(0.735 0.08 41.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Terra Earth color name →
#D59982
oklch(0.735 0.08 41.9)
Color conversions
- HEX
- #d59982
- RGB
- rgb(213 153 130)
- HSL
- hsl(17 50% 67%)
- HWB
- hwb(17 51% 16%)
- OKLCH
- oklch(0.735 0.08 41.9)
- OKLab
- oklab(0.735 0.059 0.053)
- CIE Lab
- lab(68.75 21.03 21.5)
- LCH
- lch(68.75 30.08 45.6)
- CMYK
- cmyk(0% 28% 39% 16%)
Tints · Shades · Tones
Tints
- DAA38E
- DEAD9A
- E3B7A7
- E7C1B3
- EBCCBF
- F0D6CC
- F4E0D9
- F8EAE5
- FBF5F2
Shades
- B98470
- 9E705F
- 835D4E
- 6A4A3E
- 51382F
- 3A2720
- 241712
- 100806
- 020101
Tones
- CD9782
- C49482
- BC9282
- B38F82
- AB8D82
- A28A81
- 9A8881
- 918581
- 898380
Color harmonies
Complementary +180°
- D59982
Terra Earth
- 6EB5CD
≈ Madonna Blue
Analogous -30° +30°
- D59982
Terra Earth
- D6959C
≈ Bridal Rose
- C9A171
≈ New Fawn
Triadic +120° +240°
- D59982
Terra Earth
- 7AB99A
≈ Water Green
- A1A4DB
≈ Simply Violet
Split-complementary +150° +210°
- D59982
Terra Earth
- 69BAB6
≈ Swim
- 85ADDA
≈ Buoyant Blue
Tetradic +90° +180° +270°
- D59982
Terra Earth
- 97B480
≈ Watercolour Green
- 6EB5CD
≈ Madonna Blue
- BA9BCE
≈ Turnip Crown
Contrast & accessibility
Ag
FailOn white
WCAG 2.41:1 · APCA Lc 47
Ag
AAAOn black
WCAG 8.70:1 · APCA Lc 55
Best text color: #000000
WCAG 8.70:1 (AAA) · APCA Lc 55
Contrast pairs
Code snippets
CSS
:root {
--terra-earth: #d59982;
--terra-earth-rgb: 213 153 130;
--terra-earth-oklch: oklch(0.735 0.08 41.9);
}
.element {
color: var(--terra-earth);
background-color: hsl(17 50% 67%);
border-color: oklch(0.735 0.08 41.9);
}Tailwind CSS v4
@theme {
--color-terra-earth: #d59982;
--color-terra-earth-50: #ffefe3;
--color-terra-earth-100: #ffe0d3;
--color-terra-earth-200: #f3cab9;
--color-terra-earth-300: #dbab97;
--color-terra-earth-400: #c78f7a;
--color-terra-earth-500: #b3745c;
--color-terra-earth-600: #97634e;
--color-terra-earth-700: #794f3e;
--color-terra-earth-800: #5a392d;
--color-terra-earth-900: #3f271e;
--color-terra-earth-950: #28150e;
}SCSS
$terra-earth: #d59982;
$terra-earth-rgb: 213, 153, 130;
$terra-earth-light: mix(#fff, $terra-earth, 20%);
$terra-earth-dark: mix(#000, $terra-earth, 20%);
.element {
color: $terra-earth;
box-shadow: 0 0 0 2px rgba($terra-earth, 0.35);
}