Nearest named color · #D5E5DF
#D5E5DF
Nearest named color: Tropical Dream
#D5E5DF (rgb(213 229 223), hsl(157 24% 87%), oklch(0.908 0.019 171.5)) is closest to the named color Tropical Dream. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D5E5DF
oklch(0.908 0.019 171.5)
Color conversions
- HEX
- #d5e5df
- RGB
- rgb(213 229 223)
- HSL
- hsl(157 24% 87%)
- HWB
- hwb(157 84% 10%)
- OKLCH
- oklch(0.908 0.019 171.5)
- OKLab
- oklab(0.908 -0.019 0.003)
- CIE Lab
- lab(89.6 -6.35 1.01)
- LCH
- lch(89.6 6.43 171)
- CMYK
- cmyk(7% 0% 3% 10%)
Tints · Shades · Tones
Tints
- D9E8E2
- DDEAE5
- E2EDE9
- E6EFEC
- EAF2EF
- EEF5F2
- F2F7F5
- F7FAF9
- FBFCFC
Shades
- B9C7C2
- 9EAAA5
- 838E8A
- 6A726F
- 515856
- 3A3F3D
- 242827
- 101212
- 020302
Tones
- CCDAD5
- C3D0CB
- BBC6C2
- B2BBB8
- AAB1AE
- A1A7A5
- 999D9B
- 909392
- 888A89
Color harmonies
Complementary +180°
- D5E5DF
Tropical Dream
- EBDCE2
≈ Purple Emulsion
Analogous -30° +30°
- D5E5DF
Tropical Dream
- DAE4D8
≈ Lightest Sky
- D3E5E6
≈ Waterfront
Triadic +120° +240°
- D5E5DF
Tropical Dream
- E0DFED
≈ Imagination
- ECDED6
≈ Berry Frost
Split-complementary +150° +210°
- D5E5DF
Tropical Dream
- E7DDE8
≈ Faint Fuchsia
- EDDCDB
≈ Hyper Light Drifter
Tetradic +90° +180° +270°
- D5E5DF
Tropical Dream
- DAE1EE
≈ Vaguely Violet
- EBDCE2
≈ Purple Emulsion
- E7E0D3
≈ Herare White
Contrast & accessibility
Ag
FailOn white
WCAG 1.30:1 · APCA Lc 15
Ag
AAAOn black
WCAG 16.10:1 · APCA Lc 89
Best text color: #000000
WCAG 16.10:1 (AAA) · APCA Lc 89
Contrast pairs
Code snippets
CSS
:root {
--tropical-dream: #d5e5df;
--tropical-dream-rgb: 213 229 223;
--tropical-dream-oklch: oklch(0.908 0.019 171.5);
}
.element {
color: var(--tropical-dream);
background-color: hsl(157 24% 87%);
border-color: oklch(0.908 0.019 171.5);
}Tailwind CSS v4
@theme {
--color-tropical-dream: #d5e5df;
--color-tropical-dream-50: #f0f7f5;
--color-tropical-dream-100: #e2eae7;
--color-tropical-dream-200: #cdd7d3;
--color-tropical-dream-300: #aebbb6;
--color-tropical-dream-400: #94a29d;
--color-tropical-dream-500: #7a8a84;
--color-tropical-dream-600: #687570;
--color-tropical-dream-700: #535e5a;
--color-tropical-dream-800: #3c4541;
--color-tropical-dream-900: #292f2d;
--color-tropical-dream-950: #171c1a;
}SCSS
$tropical-dream: #d5e5df;
$tropical-dream-rgb: 213, 229, 223;
$tropical-dream-light: mix(#fff, $tropical-dream, 20%);
$tropical-dream-dark: mix(#000, $tropical-dream, 20%);
.element {
color: $tropical-dream;
box-shadow: 0 0 0 2px rgba($tropical-dream, 0.35);
}