Named color · #E6DAB1
Rainforest Dew
Rainforest Dew is #E6DAB1: rgb(230 218 177), hsl(46 51% 80%), oklch(0.888 0.056 93.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Rainforest Dew color name →
#E6DAB1
oklch(0.888 0.056 93.7)
Color conversions
- HEX
- #e6dab1
- RGB
- rgb(230 218 177)
- HSL
- hsl(46 51% 80%)
- HWB
- hwb(46 69% 10%)
- OKLCH
- oklch(0.888 0.056 93.7)
- OKLab
- oklab(0.888 -0.004 0.055)
- CIE Lab
- lab(87.26 -0.47 21.83)
- LCH
- lch(87.26 21.84 91.2)
- CMYK
- cmyk(0% 5% 23% 10%)
Tints · Shades · Tones
Tints
- E8DEB9
- EBE1C1
- EDE5C9
- F0E9D0
- F2EDD8
- F5F0E0
- F7F4E8
- FAF8EF
- FCFBF7
Shades
- C8BD99
- ABA283
- 8E876C
- 736C57
- 595442
- 403C2F
- 28251C
- 13110C
- 030201
Tones
- DBD1AC
- D1C7A7
- C6BEA2
- BCB59E
- B2AC99
- A7A394
- 9D9A8F
- 93918A
- 8A8985
Color harmonies
Complementary +180°
- E6DAB1
Rainforest Dew
- CED8FF
≈ Pale Phthalo Blue
Analogous -30° +30°
- E6DAB1
Rainforest Dew
- F5D3B5
≈ Sparkle Glow
- D2E1B9
≈ Spring Glow
Triadic +120° +240°
- E6DAB1
Rainforest Dew
- B1E4F0
≈ Crystal River
- F2CDEA
≈ Sparkling Pink
Split-complementary +150° +210°
- E6DAB1
Rainforest Dew
- BCDFFD
≈ Dithered Sky
- E1D2F9
≈ Mousse aux Pruneaux
Tetradic +90° +180° +270°
- E6DAB1
Rainforest Dew
- B2E7DE
≈ Aquatic Mist
- CED8FF
≈ Pale Phthalo Blue
- FBCBD6
≈ Palace Rose
Contrast & accessibility
Ag
FailOn white
WCAG 1.39:1 · APCA Lc 19
Ag
AAAOn black
WCAG 15.02:1 · APCA Lc 84
Best text color: #000000
WCAG 15.02:1 (AAA) · APCA Lc 84
Contrast pairs
Code snippets
CSS
:root {
--rainforest-dew: #e6dab1;
--rainforest-dew-rgb: 230 218 177;
--rainforest-dew-oklch: oklch(0.888 0.056 93.7);
}
.element {
color: var(--rainforest-dew);
background-color: hsl(46 51% 80%);
border-color: oklch(0.888 0.056 93.7);
}Tailwind CSS v4
@theme {
--color-rainforest-dew: #e6dab1;
--color-rainforest-dew-50: #faf5e4;
--color-rainforest-dew-100: #ede8d4;
--color-rainforest-dew-200: #dbd5ba;
--color-rainforest-dew-300: #c0b898;
--color-rainforest-dew-400: #a99e79;
--color-rainforest-dew-500: #92865b;
--color-rainforest-dew-600: #7c714e;
--color-rainforest-dew-700: #635b3e;
--color-rainforest-dew-800: #49422c;
--color-rainforest-dew-900: #332d1e;
--color-rainforest-dew-950: #1f1a0e;
}SCSS
$rainforest-dew: #e6dab1;
$rainforest-dew-rgb: 230, 218, 177;
$rainforest-dew-light: mix(#fff, $rainforest-dew, 20%);
$rainforest-dew-dark: mix(#000, $rainforest-dew, 20%);
.element {
color: $rainforest-dew;
box-shadow: 0 0 0 2px rgba($rainforest-dew, 0.35);
}