Colore con nome · #CAE1D9
Melting Ice
Melting Ice è #CAE1D9: rgb(202 225 217), hsl(159 28% 84%), oklch(0.89 0.027 172.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Melting Ice color name →
#CAE1D9
oklch(0.89 0.027 172.8)
Conversioni di colore
- HEX
- #cae1d9
- RGB
- rgb(202 225 217)
- HSL
- hsl(159 28% 84%)
- HWB
- hwb(159 79% 12%)
- OKLCH
- oklch(0.89 0.027 172.8)
- OKLab
- oklab(0.89 -0.027 0.003)
- CIE Lab
- lab(87.64 -9.05 1.19)
- LCH
- lch(87.64 9.13 172.5)
- CMYK
- cmyk(10% 0% 4% 12%)
Tinte · Ombre · Toni
Tinte
- CFE4DD
- D5E7E1
- DAEAE4
- DFEDE8
- E4F0EC
- EAF3F0
- EFF6F3
- F4F9F7
- FAFCFB
Ombre
- AFC4BC
- 95A7A1
- 7C8B86
- 64706C
- 4D5653
- 373E3B
- 222725
- 0F1211
- 020202
Toni
- C2D7D0
- BBCDC7
- B3C3BD
- ACB9B4
- A4AFAB
- 9DA6A3
- 969C9A
- 8E9391
- 878988
Armonie di colore
Complementare +180°
- CAE1D9
Melting Ice
- EAD4DC
≈ Swiss Rose
Analogo -30° +30°
- CAE1D9
Melting Ice
- D1E0D0
≈ Fairest Jade
- C7E1E3
≈ Wishy-Washy Blue
Triadico +120° +240°
- CAE1D9
Melting Ice
- DBD8EC
≈ Eyeshadow
- EAD7CB
≈ Antique Pearl
Complementare divisa +150° +210°
- CAE1D9
Melting Ice
- E4D5E5
≈ Joyful Lilac
- ECD4D3
≈ Shangri La
Tetradico +90° +180° +270°
- CAE1D9
Melting Ice
- D2DBED
≈ Snowy Shadow
- EAD4DC
≈ Swiss Rose
- E4DAC8
≈ Skull
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.28:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.28:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--melting-ice: #cae1d9;
--melting-ice-rgb: 202 225 217;
--melting-ice-oklch: oklch(0.89 0.027 172.8);
}
.element {
color: var(--melting-ice);
background-color: hsl(159 28% 84%);
border-color: oklch(0.89 0.027 172.8);
}Tailwind CSS v4
@theme {
--color-melting-ice: #cae1d9;
--color-melting-ice-50: #eef8f5;
--color-melting-ice-100: #dfebe7;
--color-melting-ice-200: #c9d8d3;
--color-melting-ice-300: #aabcb6;
--color-melting-ice-400: #8fa49d;
--color-melting-ice-500: #758c84;
--color-melting-ice-600: #637770;
--color-melting-ice-700: #4f5f5a;
--color-melting-ice-800: #394641;
--color-melting-ice-900: #27302d;
--color-melting-ice-950: #151c1a;
}SCSS
$melting-ice: #cae1d9;
$melting-ice-rgb: 202, 225, 217;
$melting-ice-light: mix(#fff, $melting-ice, 20%);
$melting-ice-dark: mix(#000, $melting-ice, 20%);
.element {
color: $melting-ice;
box-shadow: 0 0 0 2px rgba($melting-ice, 0.35);
}