Nearest named color · #DEE6DA
#DEE6DA
Nearest named color: Water Lily
#DEE6DA (rgb(222 230 218), hsl(100 19% 88%), oklch(0.916 0.018 134.9)) is closest to the named color Water Lily. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#DEE6DA
oklch(0.916 0.018 134.9)
Color conversions
- HEX
- #dee6da
- RGB
- rgb(222 230 218)
- HSL
- hsl(100 19% 88%)
- HWB
- hwb(100 85% 10%)
- OKLCH
- oklch(0.916 0.018 134.9)
- OKLab
- oklab(0.916 -0.013 0.013)
- CIE Lab
- lab(90.43 -4.38 4.89)
- LCH
- lch(90.43 6.56 131.8)
- CMYK
- cmyk(3% 0% 5% 10%)
Tints · Shades · Tones
Tints
- E1E8DE
- E5EBE1
- E8EDE5
- EBF0E9
- EEF2EC
- F2F5F0
- F5F7F4
- F8FAF8
- FCFCFB
Shades
- C1C8BD
- A5ABA2
- 898E87
- 6F736C
- 555954
- 3D403C
- 262825
- 121311
- 020302
Tones
- D4DBD1
- CAD1C7
- C1C6BE
- B7BCB5
- AEB2AC
- A4A7A3
- 9B9D9A
- 929491
- 898A89
Color harmonies
Complementary +180°
- DEE6DA
Water Lily
- E8E0EC
≈ Romantic Cruise
Analogous -30° +30°
- DEE6DA
Water Lily
- E5E4D6
≈ Garden Pebble
- D9E7E0
≈ Ice Floe
Triadic +120° +240°
- DEE6DA
Water Lily
- DBE4EF
≈ Iceberg
- EFDEDF
≈ Reduced Red
Split-complementary +150° +210°
- DEE6DA
Water Lily
- E1E2EF
≈ Iris Ice
- EDDFE6
≈ Antarctic Love
Tetradic +90° +180° +270°
- DEE6DA
Water Lily
- D7E6EC
≈ Dream Blue
- E8E0EC
≈ Romantic Cruise
- EEE0D9
≈ Landing
Contrast & accessibility
Ag
FailOn white
WCAG 1.27:1 · APCA Lc 14
Ag
AAAOn black
WCAG 16.43:1 · APCA Lc 90
Best text color: #000000
WCAG 16.43:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--water-lily: #dee6da;
--water-lily-rgb: 222 230 218;
--water-lily-oklch: oklch(0.916 0.018 134.9);
}
.element {
color: var(--water-lily);
background-color: hsl(100 19% 88%);
border-color: oklch(0.916 0.018 134.9);
}Tailwind CSS v4
@theme {
--color-water-lily: #dee6da;
--color-water-lily-50: #f3f6f1;
--color-water-lily-100: #e5e9e3;
--color-water-lily-200: #d1d6cf;
--color-water-lily-300: #b3bab1;
--color-water-lily-400: #9aa196;
--color-water-lily-500: #81897d;
--color-water-lily-600: #6d746a;
--color-water-lily-700: #575d55;
--color-water-lily-800: #40443d;
--color-water-lily-900: #2c2f2a;
--color-water-lily-950: #191b18;
}SCSS
$water-lily: #dee6da;
$water-lily-rgb: 222, 230, 218;
$water-lily-light: mix(#fff, $water-lily, 20%);
$water-lily-dark: mix(#000, $water-lily, 20%);
.element {
color: $water-lily;
box-shadow: 0 0 0 2px rgba($water-lily, 0.35);
}