Couleur nommée · #CCE2DD
Ice Bomb
Ice Bomb correspond à #CCE2DD : rgb(204 226 221), hsl(166 27% 84%), oklch(0.895 0.024 180.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Ice Bomb color name →
#CCE2DD
oklch(0.895 0.024 180.6)
Conversions de couleur
- HEX
- #cce2dd
- RGB
- rgb(204 226 221)
- HSL
- hsl(166 27% 84%)
- HWB
- hwb(166 80% 11%)
- OKLCH
- oklch(0.895 0.024 180.6)
- OKLab
- oklab(0.895 -0.024 0)
- CIE Lab
- lab(88.13 -8.28 -0.17)
- LCH
- lch(88.13 8.28 181.2)
- CMYK
- cmyk(10% 0% 2% 11%)
Teintes · Ombres · Tons
Teintes
- D1E5E0
- D6E8E4
- DBEBE7
- E0EEEA
- E5F0EE
- EBF3F1
- F0F6F5
- F5F9F8
- FAFCFC
Ombres
- B1C4C0
- 97A8A4
- 7E8C88
- 65716E
- 4E5755
- 373E3D
- 222726
- 0F1211
- 020302
Tons
- C4D8D3
- BCCECA
- B5C4C0
- ADBAB7
- A5B0AD
- 9EA6A4
- 969C9B
- 8F9392
- 878989
Harmonies de couleurs
Complémentaire +180°
- CCE2DD
Ice Bomb
- EBD6DB
≈ Berry Taffy
Analogue -30° +30°
- CCE2DD
Ice Bomb
- D2E1D4
≈ Misty Marsh
- CBE1E5
≈ Melting Point
Triadique +120° +240°
- CCE2DD
Ice Bomb
- DFD9EA
≈ Awakened
- E9D9CD
≈ Malted Milk
Complémentaire divisée +150° +210°
- CCE2DD
Ice Bomb
- E6D7E4
≈ Snuff
- ECD7D3
≈ Peach Glamour
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.35:1 · APCA Lc 17
Ag
AAASur noir
WCAG 15.49:1 · APCA Lc 86
Meilleure couleur de texte: #000000
WCAG 15.49:1 (AAA) · APCA Lc 86
Contrast pairs
Extraits de code
CSS
:root {
--ice-bomb: #cce2dd;
--ice-bomb-rgb: 204 226 221;
--ice-bomb-oklch: oklch(0.895 0.024 180.6);
}
.element {
color: var(--ice-bomb);
background-color: hsl(166 27% 84%);
border-color: oklch(0.895 0.024 180.6);
}Tailwind CSS v4
@theme {
--color-ice-bomb: #cce2dd;
--color-ice-bomb-50: #eef8f6;
--color-ice-bomb-100: #e0ebe8;
--color-ice-bomb-200: #cad8d5;
--color-ice-bomb-300: #abbcb8;
--color-ice-bomb-400: #90a39f;
--color-ice-bomb-500: #758c87;
--color-ice-bomb-600: #637672;
--color-ice-bomb-700: #4f5f5b;
--color-ice-bomb-800: #3a4542;
--color-ice-bomb-900: #28302e;
--color-ice-bomb-950: #161c1b;
}SCSS
$ice-bomb: #cce2dd;
$ice-bomb-rgb: 204, 226, 221;
$ice-bomb-light: mix(#fff, $ice-bomb, 20%);
$ice-bomb-dark: mix(#000, $ice-bomb, 20%);
.element {
color: $ice-bomb;
box-shadow: 0 0 0 2px rgba($ice-bomb, 0.35);
}