Named color · #DEE2EB
Calm Iridescence
Calm Iridescence is #DEE2EB: rgb(222 226 235), hsl(222 25% 90%), oklch(0.912 0.013 266.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Calm Iridescence color name →
#DEE2EB
oklch(0.912 0.013 266.7)
Color conversions
- HEX
- #dee2eb
- RGB
- rgb(222 226 235)
- HSL
- hsl(222 25% 90%)
- HWB
- hwb(222 87% 8%)
- OKLCH
- oklch(0.912 0.013 266.7)
- OKLab
- oklab(0.912 -0.001 -0.013)
- CIE Lab
- lab(89.77 -0.15 -4.9)
- LCH
- lch(89.77 4.9 268.3)
- CMYK
- cmyk(6% 4% 0% 8%)
Tints · Shades · Tones
Tints
- E1E5ED
- E5E8EF
- E8EBF1
- EBEEF3
- EEF0F5
- F2F3F7
- F5F6F9
- F8F9FB
- FCFCFD
Shades
- C1C4CC
- A5A8AE
- 898C91
- 6F7175
- 55575B
- 3D3E41
- 262729
- 121213
- 020303
Tones
- D4D8E0
- CACED5
- C1C4CA
- B7BABF
- AEB0B4
- A4A6A9
- 9B9C9F
- 929394
- 89898A
Color harmonies
Complementary +180°
- DEE2EB
Calm Iridescence
- E6E2D9
≈ Dove White
Analogous -30° +30°
- DEE2EB
Calm Iridescence
- DAE4EA
≈ Early Frost
- E3E0EA
≈ Powdery Mist
Triadic +120° +240°
- DEE2EB
Calm Iridescence
- EBDFDD
≈ White Beet
- DDE4DD
≈ Slightly Zen
Split-complementary +150° +210°
- DEE2EB
Calm Iridescence
- E9E0DA
≈ Stone Harbour
- E1E3DA
≈ Shy Mint
Tetradic +90° +180° +270°
- DEE2EB
Calm Iridescence
- EADFE2
≈ Pink Posey
- E6E2D9
≈ Dove White
- DAE5E2
≈ Jack Frost
Contrast & accessibility
Ag
FailOn white
WCAG 1.29:1 · APCA Lc 15
Ag
AAAOn black
WCAG 16.18:1 · APCA Lc 89
Best text color: #000000
WCAG 16.18:1 (AAA) · APCA Lc 89
Contrast pairs
Code snippets
CSS
:root {
--calm-iridescence: #dee2eb;
--calm-iridescence-rgb: 222 226 235;
--calm-iridescence-oklch: oklch(0.912 0.013 266.7);
}
.element {
color: var(--calm-iridescence);
background-color: hsl(222 25% 90%);
border-color: oklch(0.912 0.013 266.7);
}Tailwind CSS v4
@theme {
--color-calm-iridescence: #dee2eb;
--color-calm-iridescence-50: #f3f5f9;
--color-calm-iridescence-100: #e6e8ec;
--color-calm-iridescence-200: #d2d4da;
--color-calm-iridescence-300: #b4b7be;
--color-calm-iridescence-400: #9b9ea6;
--color-calm-iridescence-500: #82868f;
--color-calm-iridescence-600: #6e7179;
--color-calm-iridescence-700: #585b61;
--color-calm-iridescence-800: #404247;
--color-calm-iridescence-900: #2c2e31;
--color-calm-iridescence-950: #191b1d;
}SCSS
$calm-iridescence: #dee2eb;
$calm-iridescence-rgb: 222, 226, 235;
$calm-iridescence-light: mix(#fff, $calm-iridescence, 20%);
$calm-iridescence-dark: mix(#000, $calm-iridescence, 20%);
.element {
color: $calm-iridescence;
box-shadow: 0 0 0 2px rgba($calm-iridescence, 0.35);
}