Named color · #C6BA92
Earth Friendly
Earth Friendly is #C6BA92: rgb(198 186 146), hsl(46 31% 67%), oklch(0.789 0.056 93.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Earth Friendly color name →
#C6BA92
oklch(0.789 0.056 93.3)
Color conversions
- HEX
- #c6ba92
- RGB
- rgb(198 186 146)
- HSL
- hsl(46 31% 67%)
- HWB
- hwb(46 57% 22%)
- OKLCH
- oklch(0.789 0.056 93.3)
- OKLab
- oklab(0.789 -0.003 0.055)
- CIE Lab
- lab(75.77 -0.25 21.98)
- LCH
- lch(75.77 21.98 90.7)
- CMYK
- cmyk(0% 6% 26% 22%)
Tints · Shades · Tones
Tints
- CCC19D
- D1C8A8
- D7CEB2
- DCD5BD
- E2DCC8
- E8E3D3
- EEEADE
- F3F1E9
- F9F8F4
Shades
- ACA17E
- 92896B
- 7A7258
- 625C46
- 4B4635
- 353225
- 211E16
- 0E0D08
- 020201
Tones
- BFB490
- B8AE8F
- B0A88D
- A9A28B
- A29D8A
- 9B9788
- 949186
- 8E8B84
- 878682
Color harmonies
Complementary +180°
- C6BA92
Earth Friendly
- AEB8DF
≈ French Lilac Blue
Analogous -30° +30°
- C6BA92
Earth Friendly
- D4B396
≈ My Chai
- B3C19A
≈ Green Eggs & Cam
Triadic +120° +240°
- C6BA92
Earth Friendly
- 91C4D0
≈ After the Rain
- D1ADC9
≈ Orchid Bouquet
Split-complementary +150° +210°
- C6BA92
Earth Friendly
- 9CBFDC
≈ Blue Magpie
- C1B2D8
≈ Moonraker
Tetradic +90° +180° +270°
- C6BA92
Earth Friendly
- 92C6BE
≈ Enchanted Isle
- AEB8DF
≈ French Lilac Blue
- DAACB6
≈ Pink Nectar
Contrast & accessibility
Ag
FailOn white
WCAG 1.93:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.83:1 · APCA Lc 65
Best text color: #000000
WCAG 10.83:1 (AAA) · APCA Lc 65
Contrast pairs
Code snippets
CSS
:root {
--earth-friendly: #c6ba92;
--earth-friendly-rgb: 198 186 146;
--earth-friendly-oklch: oklch(0.789 0.056 93.3);
}
.element {
color: var(--earth-friendly);
background-color: hsl(46 31% 67%);
border-color: oklch(0.789 0.056 93.3);
}Tailwind CSS v4
@theme {
--color-earth-friendly: #c6ba92;
--color-earth-friendly-50: #faf5e4;
--color-earth-friendly-100: #ede8d4;
--color-earth-friendly-200: #dbd5ba;
--color-earth-friendly-300: #c0b898;
--color-earth-friendly-400: #a99e79;
--color-earth-friendly-500: #92865b;
--color-earth-friendly-600: #7c714e;
--color-earth-friendly-700: #635b3e;
--color-earth-friendly-800: #49422c;
--color-earth-friendly-900: #332d1e;
--color-earth-friendly-950: #1f1a0e;
}SCSS
$earth-friendly: #c6ba92;
$earth-friendly-rgb: 198, 186, 146;
$earth-friendly-light: mix(#fff, $earth-friendly, 20%);
$earth-friendly-dark: mix(#000, $earth-friendly, 20%);
.element {
color: $earth-friendly;
box-shadow: 0 0 0 2px rgba($earth-friendly, 0.35);
}