Named color · #CEE5DF
Ice Dagger
Ice Dagger is #CEE5DF: rgb(206 229 223), hsl(164 31% 85%), oklch(0.903 0.026 178.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Ice Dagger color name →
#CEE5DF
oklch(0.903 0.026 178.3)
Color conversions
- HEX
- #cee5df
- RGB
- rgb(206 229 223)
- HSL
- hsl(164 31% 85%)
- HWB
- hwb(164 81% 10%)
- OKLCH
- oklch(0.903 0.026 178.3)
- OKLab
- oklab(0.903 -0.026 0.001)
- CIE Lab
- lab(89.1 -8.74 0.21)
- LCH
- lch(89.1 8.74 178.7)
- CMYK
- cmyk(10% 0% 3% 10%)
Tints · Shades · Tones
Tints
- D3E8E2
- D8EAE5
- DDEDE9
- E2EFEC
- E6F2EF
- EBF5F2
- F0F7F5
- F5FAF9
- FAFCFC
Shades
- B3C7C2
- 98AAA5
- 7F8E8A
- 66726F
- 4E5856
- 383F3D
- 232827
- 0F1212
- 020302
Tones
- C6DAD5
- BED0CB
- B6C6C2
- AEBBB8
- A6B1AE
- 9FA7A5
- 979D9B
- 8F9392
- 888A89
Color harmonies
Complementary +180°
- CEE5DF
Ice Dagger
- EED8DF
≈ Rosa Bonito
Analogous -30° +30°
- CEE5DF
Ice Dagger
- D4E4D6
≈ Light Dry Lichen
- CDE4E8
≈ Ivalo River
Triadic +120° +240°
- CEE5DF
Ice Dagger
- E1DCEE
≈ Chinese Silver
- EDDBCF
≈ Palatial
Split-complementary +150° +210°
- CEE5DF
Ice Dagger
- E9D9E8
≈ Pale Grey Magenta
- F0D9D6
≈ Light Apricot
Tetradic +90° +180° +270°
- CEE5DF
Ice Dagger
- D8DFF1
≈ Aquarelle Purple
- EED8DF
≈ Rosa Bonito
- E6DFCC
≈ Pueblo White
Contrast & accessibility
Ag
FailOn white
WCAG 1.32:1 · APCA Lc 16
Ag
AAAOn black
WCAG 15.89:1 · APCA Lc 88
Best text color: #000000
WCAG 15.89:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--ice-dagger: #cee5df;
--ice-dagger-rgb: 206 229 223;
--ice-dagger-oklch: oklch(0.903 0.026 178.3);
}
.element {
color: var(--ice-dagger);
background-color: hsl(164 31% 85%);
border-color: oklch(0.903 0.026 178.3);
}Tailwind CSS v4
@theme {
--color-ice-dagger: #cee5df;
--color-ice-dagger-50: #eef8f5;
--color-ice-dagger-100: #dfebe8;
--color-ice-dagger-200: #c9d8d5;
--color-ice-dagger-300: #aabcb8;
--color-ice-dagger-400: #8fa49e;
--color-ice-dagger-500: #758c86;
--color-ice-dagger-600: #637672;
--color-ice-dagger-700: #4f5f5b;
--color-ice-dagger-800: #394542;
--color-ice-dagger-900: #27302e;
--color-ice-dagger-950: #151c1a;
}SCSS
$ice-dagger: #cee5df;
$ice-dagger-rgb: 206, 229, 223;
$ice-dagger-light: mix(#fff, $ice-dagger, 20%);
$ice-dagger-dark: mix(#000, $ice-dagger, 20%);
.element {
color: $ice-dagger;
box-shadow: 0 0 0 2px rgba($ice-dagger, 0.35);
}