Nearest named color · #D6FAE2
#D6FAE2
Nearest named color: Jade Palace
#D6FAE2 (rgb(214 250 226), hsl(140 78% 91%), oklch(0.953 0.049 156.2)) is closest to the named color Jade Palace. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D6FAE2
oklch(0.953 0.049 156.2)
Color conversions
- HEX
- #d6fae2
- RGB
- rgb(214 250 226)
- HSL
- hsl(140 78% 91%)
- HWB
- hwb(140 84% 2%)
- OKLCH
- oklch(0.953 0.049 156.2)
- OKLab
- oklab(0.953 -0.045 0.02)
- CIE Lab
- lab(95.2 -15.41 7.47)
- LCH
- lch(95.2 17.13 154.1)
- CMYK
- cmyk(14% 0% 10% 2%)
Tints · Shades · Tones
Tints
- DAFBE5
- DEFBE8
- E3FCEB
- E7FCEE
- EBFDF0
- EFFDF3
- F3FEF6
- F7FEF9
- FBFFFC
Shades
- BAD9C4
- 9EBAA8
- 849B8C
- 6A7D71
- 526157
- 3B463E
- 252D27
- 101512
- 020303
Tones
- CDEDD8
- C4E0CE
- BCD4C4
- B3C8BA
- AABBB0
- A2AFA6
- 99A39C
- 919793
- 888C89
Color harmonies
Complementary +180°
- D6FAE2
Jade Palace
- FFE7F8
≈ Dolomite Crystal
Analogous -30° +30°
- D6FAE2
Jade Palace
- E7F6D3
≈ Light Green Veil
- CBFBF4
≈ Glacial Drift
Triadic +120° +240°
- D6FAE2
Jade Palace
- EBEFFF
≈ Carte Blanche
- FFEAE5
≈ Quartz Light Pink
Split-complementary +150° +210°
- D6FAE2
Jade Palace
- F4EBFF
≈ Placebo Fuchsia
- FFE9ED
≈ Rose Mochi
Tetradic +90° +180° +270°
- D6FAE2
Jade Palace
- E3F2FF
≈ Wizard White
- FFE7F8
≈ Dolomite Crystal
- FFECD9
≈ Flowerbed
Contrast & accessibility
Ag
FailOn white
WCAG 1.12:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.63:1 · APCA Lc 99
Best text color: #000000
WCAG 18.63:1 (AAA) · APCA Lc 99
Contrast pairs
Code snippets
CSS
:root {
--jade-palace: #d6fae2;
--jade-palace-rgb: 214 250 226;
--jade-palace-oklch: oklch(0.953 0.049 156.2);
}
.element {
color: var(--jade-palace);
background-color: hsl(140 78% 91%);
border-color: oklch(0.953 0.049 156.2);
}Tailwind CSS v4
@theme {
--color-jade-palace: #d6fae2;
--color-jade-palace-50: #eafaf0;
--color-jade-palace-100: #dbede2;
--color-jade-palace-200: #c4dbcc;
--color-jade-palace-300: #a3bfae;
--color-jade-palace-400: #88a892;
--color-jade-palace-500: #6c9079;
--color-jade-palace-600: #5b7a66;
--color-jade-palace-700: #496252;
--color-jade-palace-800: #35483b;
--color-jade-palace-900: #243228;
--color-jade-palace-950: #131e16;
}SCSS
$jade-palace: #d6fae2;
$jade-palace-rgb: 214, 250, 226;
$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);
}