Nearest named color · #D9E3FF
#D9E3FF
Nearest named color: Icy Plains
#D9E3FF (rgb(217 227 255), hsl(224 100% 93%), oklch(0.917 0.04 270)) is closest to the named color Icy Plains. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D9E3FF
oklch(0.917 0.04 270)
Color conversions
- HEX
- #d9e3ff
- RGB
- rgb(217 227 255)
- HSL
- hsl(224 100% 93%)
- HWB
- hwb(224 85% 0%)
- OKLCH
- oklch(0.917 0.04 270)
- OKLab
- oklab(0.917 0 -0.04)
- CIE Lab
- lab(90.12 0.65 -14.84)
- LCH
- lch(90.12 14.86 272.5)
- CMYK
- cmyk(15% 11% 0% 0%)
Tints · Shades · Tones
Tints
- DDE6FF
- E1E9FF
- E4EBFF
- E8EEFF
- ECF1FF
- F0F4FF
- F3F7FF
- F7F9FF
- FBFCFF
Shades
- BCC5DE
- A1A8BE
- 868C9E
- 6C7180
- 535763
- 3B3F48
- 25272E
- 111216
- 020303
Tones
- D0D9F2
- C7CEE4
- BDC4D7
- B4BACA
- ABB0BE
- A3A6B1
- 9A9DA5
- 919398
- 88898C
Color harmonies
Complementary +180°
- D9E3FF
Icy Plains
- EEE3C6
≈ Cream Silk
Analogous -30° +30°
- D9E3FF
Icy Plains
- CDE8FC
≈ Veiling Waterfalls
- E7DEFB
≈ Stoic White
Triadic +120° +240°
- D9E3FF
Icy Plains
- FDDAD4
≈ Pippin
- D2ECD6
≈ Venetian Pearl
Split-complementary +150° +210°
- D9E3FF
Icy Plains
- F8DECA
≈ Muffin Magic
- E0E8CB
≈ Whiff of Green
Tetradic +90° +180° +270°
- D9E3FF
Icy Plains
- FBD9E2
≈ Lovely Breeze
- EEE3C6
≈ Cream Silk
- C8EDE4
≈ Ineffable Ice Cap
Contrast & accessibility
Ag
FailOn white
WCAG 1.28:1 · APCA Lc 14
Ag
AAAOn black
WCAG 16.38:1 · APCA Lc 90
Best text color: #000000
WCAG 16.38:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--icy-plains: #d9e3ff;
--icy-plains-rgb: 217 227 255;
--icy-plains-oklch: oklch(0.917 0.04 270);
}
.element {
color: var(--icy-plains);
background-color: hsl(224 100% 93%);
border-color: oklch(0.917 0.04 270);
}Tailwind CSS v4
@theme {
--color-icy-plains: #d9e3ff;
--color-icy-plains-50: #f1f5ff;
--color-icy-plains-100: #e3e7f6;
--color-icy-plains-200: #ced4e6;
--color-icy-plains-300: #b0b7cc;
--color-icy-plains-400: #959eb7;
--color-icy-plains-500: #7c85a1;
--color-icy-plains-600: #697188;
--color-icy-plains-700: #545a6d;
--color-icy-plains-800: #3c4251;
--color-icy-plains-900: #292e38;
--color-icy-plains-950: #171a23;
}SCSS
$icy-plains: #d9e3ff;
$icy-plains-rgb: 217, 227, 255;
$icy-plains-light: mix(#fff, $icy-plains, 20%);
$icy-plains-dark: mix(#000, $icy-plains, 20%);
.element {
color: $icy-plains;
box-shadow: 0 0 0 2px rgba($icy-plains, 0.35);
}