Named color · #CFDAFB
Icy Plains
Icy Plains is #CFDAFB: rgb(207 218 251), hsl(225 85% 90%), oklch(0.89 0.047 270.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Icy Plains color name →
#CFDAFB
oklch(0.89 0.047 270.8)
Color conversions
- HEX
- #cfdafb
- RGB
- rgb(207 218 251)
- HSL
- hsl(225 85% 90%)
- HWB
- hwb(225 81% 2%)
- OKLCH
- oklch(0.89 0.047 270.8)
- OKLab
- oklab(0.89 0.001 -0.047)
- CIE Lab
- lab(86.99 1.14 -17.5)
- LCH
- lch(86.99 17.54 273.7)
- CMYK
- cmyk(18% 13% 0% 2%)
Tints · Shades · Tones
Tints
- D4DEFC
- D8E1FC
- DDE5FC
- E2E9FD
- E7EDFD
- ECF0FE
- F0F4FE
- F5F8FE
- FAFBFF
Shades
- B4BDDA
- 99A2BA
- 7F879C
- 676C7E
- 4F5461
- 383C46
- 23252D
- 101115
- 020203
Tones
- C7D1EE
- BFC7E1
- B7BED5
- AFB5C8
- A7ACBC
- 9FA3B0
- 979AA3
- 8F9198
- 88898C
Color harmonies
Complementary +180°
- CFDAFB
Icy Plains
- E6DAB8
≈ Lemon Balm
Analogous -30° +30°
- CFDAFB
Icy Plains
- C0E0F8
≈ Arctic Paradise
- E0D4F6
≈ Japan Blush
Triadic +120° +240°
- CFDAFB
Icy Plains
- F9D0C8
≈ Snow Pa
- C5E4CB
≈ Wintergreen Mint
Split-complementary +150° +210°
- CFDAFB
Icy Plains
- F3D4BC
≈ Budding Peach
- D6E0BE
≈ Security
Tetradic +90° +180° +270°
- CFDAFB
Icy Plains
- F7CFD9
≈ April Blush
- E6DAB8
≈ Lemon Balm
- BAE6DC
≈ Ice Cap Green
Contrast & accessibility
Ag
FailOn white
WCAG 1.39:1 · APCA Lc 19
Ag
AAAOn black
WCAG 15.07:1 · APCA Lc 84
Best text color: #000000
WCAG 15.07:1 (AAA) · APCA Lc 84
Contrast pairs
Code snippets
CSS
:root {
--icy-plains: #cfdafb;
--icy-plains-rgb: 207 218 251;
--icy-plains-oklch: oklch(0.89 0.047 270.8);
}
.element {
color: var(--icy-plains);
background-color: hsl(225 85% 90%);
border-color: oklch(0.89 0.047 270.8);
}Tailwind CSS v4
@theme {
--color-icy-plains: #cfdafb;
--color-icy-plains-50: #f0f5ff;
--color-icy-plains-100: #e2e7f8;
--color-icy-plains-200: #cdd3e9;
--color-icy-plains-300: #afb6d0;
--color-icy-plains-400: #949ebb;
--color-icy-plains-500: #7a85a6;
--color-icy-plains-600: #68718c;
--color-icy-plains-700: #535a70;
--color-icy-plains-800: #3c4253;
--color-icy-plains-900: #292d3a;
--color-icy-plains-950: #171a24;
}SCSS
$icy-plains: #cfdafb;
$icy-plains-rgb: 207, 218, 251;
$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);
}