Named color · #D0EBF1
Chalky Blue White
Chalky Blue White is #D0EBF1: rgb(208 235 241), hsl(191 54% 88%), oklch(0.922 0.03 212.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Chalky Blue White color name →
#D0EBF1
oklch(0.922 0.03 212.6)
Color conversions
- HEX
- #d0ebf1
- RGB
- rgb(208 235 241)
- HSL
- hsl(191 54% 88%)
- HWB
- hwb(191 82% 5%)
- OKLCH
- oklch(0.922 0.03 212.6)
- OKLab
- oklab(0.922 -0.025 -0.016)
- CIE Lab
- lab(91.2 -8.28 -6.08)
- LCH
- lch(91.2 10.27 216.3)
- CMYK
- cmyk(14% 2% 0% 5%)
Tints · Shades · Tones
Tints
- D5EDF2
- D9EFF4
- DEF1F5
- E3F3F7
- E8F5F8
- ECF7F9
- F1F9FB
- F6FBFC
- FAFDFE
Shades
- B5CCD2
- 9AAEB3
- 809195
- 677579
- 4F5B5D
- 394143
- 23292B
- 101314
- 020303
Tones
- C8E0E5
- C0D5D9
- B7CACE
- AFBFC2
- A7B4B7
- 9FA9AC
- 979FA1
- 909496
- 888A8B
Color harmonies
Complementary +180°
- D0EBF1
Chalky Blue White
- F8DFD9
≈ Veiled Pink
Analogous -30° +30°
- D0EBF1
Chalky Blue White
- D1ECE7
≈ Ionic Sky
- D5E8F8
≈ Freezing Vapour
Triadic +120° +240°
- D0EBF1
Chalky Blue White
- F2DEEE
≈ Divine Dove
- ECE5D0
≈ Floating Island
Split-complementary +150° +210°
- D0EBF1
Chalky Blue White
- F8DEE3
≈ Cake Frosting
- F4E2D2
≈ Light Corn
Tetradic +90° +180° +270°
- D0EBF1
Chalky Blue White
- E9E1F6
≈ Sheer Lavender
- F8DFD9
≈ Veiled Pink
- E1E9D3
≈ Mediterranean Green
Contrast & accessibility
Ag
FailOn white
WCAG 1.24:1 · APCA Lc 12
Ag
AAAOn black
WCAG 16.83:1 · APCA Lc 92
Best text color: #000000
WCAG 16.83:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--chalky-blue-white: #d0ebf1;
--chalky-blue-white-rgb: 208 235 241;
--chalky-blue-white-oklch: oklch(0.922 0.03 212.6);
}
.element {
color: var(--chalky-blue-white);
background-color: hsl(191 54% 88%);
border-color: oklch(0.922 0.03 212.6);
}Tailwind CSS v4
@theme {
--color-chalky-blue-white: #d0ebf1;
--color-chalky-blue-white-50: #ecf7fa;
--color-chalky-blue-white-100: #ddebee;
--color-chalky-blue-white-200: #c7d8dc;
--color-chalky-blue-white-300: #a7bcc1;
--color-chalky-blue-white-400: #8ba3a9;
--color-chalky-blue-white-500: #708c92;
--color-chalky-blue-white-600: #5f767b;
--color-chalky-blue-white-700: #4c5f63;
--color-chalky-blue-white-800: #374548;
--color-chalky-blue-white-900: #253032;
--color-chalky-blue-white-950: #141c1e;
}SCSS
$chalky-blue-white: #d0ebf1;
$chalky-blue-white-rgb: 208, 235, 241;
$chalky-blue-white-light: mix(#fff, $chalky-blue-white, 20%);
$chalky-blue-white-dark: mix(#000, $chalky-blue-white, 20%);
.element {
color: $chalky-blue-white;
box-shadow: 0 0 0 2px rgba($chalky-blue-white, 0.35);
}