Nearest named color · #D8F5DC
#D8F5DC
Nearest named color: Jade Palace
#D8F5DC (rgb(216 245 220), hsl(128 59% 90%), oklch(0.942 0.045 149.2)) is closest to the named color Jade Palace. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D8F5DC
oklch(0.942 0.045 149.2)
Color conversions
- HEX
- #d8f5dc
- RGB
- rgb(216 245 220)
- HSL
- hsl(128 59% 90%)
- HWB
- hwb(128 85% 4%)
- OKLCH
- oklch(0.942 0.045 149.2)
- OKLab
- oklab(0.942 -0.039 0.023)
- CIE Lab
- lab(93.92 -13.24 8.74)
- LCH
- lch(93.92 15.86 146.6)
- CMYK
- cmyk(12% 0% 10% 4%)
Tints · Shades · Tones
Tints
- DCF6DF
- E0F7E3
- E4F8E6
- E8F9EA
- ECFAED
- F0FBF1
- F3FCF4
- F7FDF8
- FBFEFB
Shades
- BCD5BF
- A0B6A3
- 859888
- 6B7B6E
- 535F54
- 3B443C
- 252B26
- 111511
- 020302
Tones
- CFE9D2
- C6DDC9
- BDD1C0
- B4C5B6
- ABB9AD
- A2ADA4
- 9AA29B
- 919692
- 888B89
Color harmonies
Complementary +180°
- D8F5DC
Jade Palace
- FEE2FB
≈ Fairy Salt
Analogous -30° +30°
- D8F5DC
Jade Palace
- E8F1CF
≈ Yellowish White
- CDF6ED
≈ Mid Spring Morning
Triadic +120° +240°
- D8F5DC
Jade Palace
- E4ECFF
≈ Brilliant White
- FFE5E1
≈ Olm Pink
Split-complementary +150° +210°
- D8F5DC
Jade Palace
- EFE8FF
≈ Bright Dusk
- FFE4EB
≈ Early Blossom
Tetradic +90° +180° +270°
- D8F5DC
Jade Palace
- DAEFFF
≈ Calcareous Sinter
- FEE2FB
≈ Fairy Salt
- FFE7D5
≈ Mood Lighting
Contrast & accessibility
Ag
FailOn white
WCAG 1.16:1 · APCA Lc 8
Ag
AAAOn black
WCAG 18.01:1 · APCA Lc 96
Best text color: #000000
WCAG 18.01:1 (AAA) · APCA Lc 96
Contrast pairs
Code snippets
CSS
:root {
--jade-palace: #d8f5dc;
--jade-palace-rgb: 216 245 220;
--jade-palace-oklch: oklch(0.942 0.045 149.2);
}
.element {
color: var(--jade-palace);
background-color: hsl(128 59% 90%);
border-color: oklch(0.942 0.045 149.2);
}Tailwind CSS v4
@theme {
--color-jade-palace: #d8f5dc;
--color-jade-palace-50: #ecf9ef;
--color-jade-palace-100: #deece0;
--color-jade-palace-200: #c7dacb;
--color-jade-palace-300: #a7beac;
--color-jade-palace-400: #8da690;
--color-jade-palace-500: #728f76;
--color-jade-palace-600: #607964;
--color-jade-palace-700: #4d6150;
--color-jade-palace-800: #384739;
--color-jade-palace-900: #263127;
--color-jade-palace-950: #151d15;
}SCSS
$jade-palace: #d8f5dc;
$jade-palace-rgb: 216, 245, 220;
$jade-palace-light: mix(#fff, $jade-palace, 20%);
$jade-palace-dark: mix(#000, $jade-palace, 20%);
.element {
color: $jade-palace;
box-shadow: 0 0 0 2px rgba($jade-palace, 0.35);
}