Nazwany kolor · #CEE5DF
Ice Dagger
Ice Dagger to #CEE5DF: rgb(206 229 223), hsl(164 31% 85%), oklch(0.903 0.026 178.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Ice Dagger color name →
#CEE5DF
oklch(0.903 0.026 178.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D3E8E2
- D8EAE5
- DDEDE9
- E2EFEC
- E6F2EF
- EBF5F2
- F0F7F5
- F5FAF9
- FAFCFC
Odcienie ciemniejsze
- B3C7C2
- 98AAA5
- 7F8E8A
- 66726F
- 4E5856
- 383F3D
- 232827
- 0F1212
- 020302
Tony
- C6DAD5
- BED0CB
- B6C6C2
- AEBBB8
- A6B1AE
- 9FA7A5
- 979D9B
- 8F9392
- 888A89
Harmonie kolorów
Komplementarna +180°
- CEE5DF
Ice Dagger
- EED8DF
≈ Rosa Bonito
Analogowa -30° +30°
- CEE5DF
Ice Dagger
- D4E4D6
≈ Light Dry Lichen
- CDE4E8
≈ Ivalo River
Triada +120° +240°
- CEE5DF
Ice Dagger
- E1DCEE
≈ Chinese Silver
- EDDBCF
≈ Palatial
Komplementarna rozszczepiona +150° +210°
- CEE5DF
Ice Dagger
- E9D9E8
≈ Pale Grey Magenta
- F0D9D6
≈ Light Apricot
Tetrada +90° +180° +270°
- CEE5DF
Ice Dagger
- D8DFF1
≈ Aquarelle Purple
- EED8DF
≈ Rosa Bonito
- E6DFCC
≈ Pueblo White
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.32:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.89:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.89:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
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);
}