Named color · #D2C478
Tropical Moss
Tropical Moss is #D2C478: rgb(210 196 120), hsl(51 50% 65%), oklch(0.815 0.098 99.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Tropical Moss color name →
#D2C478
oklch(0.815 0.098 99.1)
Color conversions
- HEX
- #d2c478
- RGB
- rgb(210 196 120)
- HSL
- hsl(51 50% 65%)
- HWB
- hwb(51 47% 18%)
- OKLCH
- oklch(0.815 0.098 99.1)
- OKLab
- oklab(0.815 -0.015 0.097)
- CIE Lab
- lab(79.07 -2.68 39.91)
- LCH
- lch(79.07 40 93.8)
- CMYK
- cmyk(0% 7% 43% 18%)
Tints · Shades · Tones
Tints
- D6CA86
- DBD094
- DFD6A2
- E4DCAF
- E8E2BD
- EDE8CA
- F1EDD7
- F6F3E5
- FAF9F2
Shades
- B6AA67
- 9B9157
- 817848
- 686139
- 504A2A
- 39351D
- 242110
- 100E05
- 020201
Tones
- C9BD7A
- C1B67C
- B9AF7D
- B0A97E
- A8A27F
- A09B7F
- 989480
- 908D80
- 888780
Color harmonies
Complementary +180°
- D2C478
Tropical Moss
- B5BDFF
≈ Dried Lilac
Analogous -30° +30°
- D2C478
Tropical Moss
- ECB77C
≈ Eastern Amber
- AFCF8B
≈ Pistachio Dream
Triadic +120° +240°
- D2C478
Tropical Moss
- 73D2EE
≈ Summer Splash
- EDAAD7
≈ Pretty Pink Piggy
Split-complementary +150° +210°
- D2C478
Tropical Moss
- 91C8FF
≈ Clear Sky
- D5B1F3
≈ Light Violet
Tetradic +90° +180° +270°
- D2C478
Tropical Moss
- 6FD7CF
≈ Water Wings
- B5BDFF
≈ Dried Lilac
- FAA8B5
≈ Fresh on the Market
Contrast & accessibility
Ag
FailOn white
WCAG 1.76:1 · APCA Lc 32
Ag
AAAOn black
WCAG 11.90:1 · APCA Lc 70
Best text color: #000000
WCAG 11.90:1 (AAA) · APCA Lc 70
Contrast pairs
Code snippets
CSS
:root {
--tropical-moss: #d2c478;
--tropical-moss-rgb: 210 196 120;
--tropical-moss-oklch: oklch(0.815 0.098 99.1);
}
.element {
color: var(--tropical-moss);
background-color: hsl(51 50% 65%);
border-color: oklch(0.815 0.098 99.1);
}Tailwind CSS v4
@theme {
--color-tropical-moss: #d2c478;
--color-tropical-moss-50: #fbf7d7;
--color-tropical-moss-100: #eeeac4;
--color-tropical-moss-200: #ddd6a6;
--color-tropical-moss-300: #c2b97e;
--color-tropical-moss-400: #ada059;
--color-tropical-moss-500: #968730;
--color-tropical-moss-600: #7f722a;
--color-tropical-moss-700: #665b21;
--color-tropical-moss-800: #4c4216;
--color-tropical-moss-900: #352e0e;
--color-tropical-moss-950: #201a02;
}SCSS
$tropical-moss: #d2c478;
$tropical-moss-rgb: 210, 196, 120;
$tropical-moss-light: mix(#fff, $tropical-moss, 20%);
$tropical-moss-dark: mix(#000, $tropical-moss, 20%);
.element {
color: $tropical-moss;
box-shadow: 0 0 0 2px rgba($tropical-moss, 0.35);
}