Nearest named color · #CDE7D9
#CDE7D9
Nearest named color: Splashdown
#CDE7D9 (rgb(205 231 217), hsl(148 35% 85%), oklch(0.905 0.033 162.2)) is closest to the named color Splashdown. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#CDE7D9
oklch(0.905 0.033 162.2)
Color conversions
- HEX
- #cde7d9
- RGB
- rgb(205 231 217)
- HSL
- hsl(148 35% 85%)
- HWB
- hwb(148 80% 9%)
- OKLCH
- oklch(0.905 0.033 162.2)
- OKLab
- oklab(0.905 -0.032 0.01)
- CIE Lab
- lab(89.43 -10.86 3.78)
- LCH
- lch(89.43 11.5 160.8)
- CMYK
- cmyk(11% 0% 6% 9%)
Tints · Shades · Tones
Tints
- D2E9DD
- D7ECE1
- DCEEE4
- E1F1E8
- E6F3EC
- EBF5F0
- F0F8F3
- F5FAF7
- FAFDFB
Shades
- B2C9BC
- 98ABA1
- 7E8F86
- 66736C
- 4E5953
- 38403B
- 232825
- 0F1311
- 020302
Tones
- C5DCD0
- BDD2C7
- B5C7BD
- AEBDB4
- A6B2AB
- 9EA8A3
- 979E9A
- 8F9491
- 878A89
Color harmonies
Complementary +180°
- CDE7D9
Splashdown
- F0D7E6
≈ All Made Up
Analogous -30° +30°
- CDE7D9
Splashdown
- D7E5CE
≈ Infinitesimal Green
- C7E7E5
≈ Polar Expedition
Triadic +120° +240°
- CDE7D9
Splashdown
- DCDDF6
≈ Nostalgia Perfume
- F4D9CF
≈ Possibly Pink
Split-complementary +150° +210°
- CDE7D9
Splashdown
- E7DAF0
≈ Pouty Purple
- F5D7DA
≈ Cherub
Tetradic +90° +180° +270°
- CDE7D9
Splashdown
- D0E2F6
≈ Weathered Blue
- F0D7E6
≈ All Made Up
- EEDDC8
≈ Intricate Ivory
Contrast & accessibility
Ag
FailOn white
WCAG 1.31:1 · APCA Lc 15
Ag
AAAOn black
WCAG 16.02:1 · APCA Lc 88
Best text color: #000000
WCAG 16.02:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--splashdown: #cde7d9;
--splashdown-rgb: 205 231 217;
--splashdown-oklch: oklch(0.905 0.033 162.2);
}
.element {
color: var(--splashdown);
background-color: hsl(148 35% 85%);
border-color: oklch(0.905 0.033 162.2);
}Tailwind CSS v4
@theme {
--color-splashdown: #cde7d9;
--color-splashdown-50: #edf8f3;
--color-splashdown-100: #deece5;
--color-splashdown-200: #c8d9d0;
--color-splashdown-300: #a9bdb3;
--color-splashdown-400: #8ea598;
--color-splashdown-500: #738d80;
--color-splashdown-600: #61786c;
--color-splashdown-700: #4e6056;
--color-splashdown-800: #39463e;
--color-splashdown-900: #27312b;
--color-splashdown-950: #151d18;
}SCSS
$splashdown: #cde7d9;
$splashdown-rgb: 205, 231, 217;
$splashdown-light: mix(#fff, $splashdown, 20%);
$splashdown-dark: mix(#000, $splashdown, 20%);
.element {
color: $splashdown;
box-shadow: 0 0 0 2px rgba($splashdown, 0.35);
}