Colore con nome più vicino · #D8F0F9
#D8F0F9
Colore con nome più vicino: Ice Cold
#D8F0F9 (rgb(216 240 249), hsl(196 73% 91%), oklch(0.94 0.028 222.3)) è più vicino al colore con nome Ice Cold. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D8F0F9
oklch(0.94 0.028 222.3)
Conversioni di colore
- HEX
- #d8f0f9
- RGB
- rgb(216 240 249)
- HSL
- hsl(196 73% 91%)
- HWB
- hwb(196 85% 2%)
- OKLCH
- oklch(0.94 0.028 222.3)
- OKLab
- oklab(0.94 -0.021 -0.019)
- CIE Lab
- lab(93.23 -6.82 -7.17)
- LCH
- lch(93.23 9.9 226.4)
- CMYK
- cmyk(13% 4% 0% 2%)
Tinte · Ombre · Toni
Tinte
- DCF2FA
- E0F3FA
- E4F5FB
- E8F6FB
- ECF8FC
- EFF9FD
- F3FBFD
- F7FCFE
- FBFEFE
Ombre
- BCD1D9
- A0B2B9
- 85959A
- 6B787D
- 535D61
- 3B4346
- 252A2C
- 111415
- 020303
Toni
- CFE4EC
- C6D9E0
- BDCDD3
- B4C2C7
- ABB6BB
- A2ABAF
- 9AA0A3
- 919597
- 888B8B
Armonie di colore
Complementare +180°
- D8F0F9
Ice Cold
- FDE6DD
≈ French Manicure
Analogo -30° +30°
- D8F0F9
Ice Cold
- D7F2F0
≈ Air of Mint
- DEEDFE
≈ Calcareous Sinter
Triadico +120° +240°
- D8F0F9
Ice Cold
- FAE4F0
≈ Petal Poise
- EFECD7
≈ Soft Moonlight
Complementare divisa +150° +210°
- D8F0F9
Ice Cold
- FEE4E6
≈ Valerie
- F7E9D7
≈ Tender
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.18:1 · APCA Lc 9
Ag
AAASu nero
WCAG 17.75:1 · APCA Lc 95
Miglior colore del testo: #000000
WCAG 17.75:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--ice-cold: #d8f0f9;
--ice-cold-rgb: 216 240 249;
--ice-cold-oklch: oklch(0.94 0.028 222.3);
}
.element {
color: var(--ice-cold);
background-color: hsl(196 73% 91%);
border-color: oklch(0.94 0.028 222.3);
}Tailwind CSS v4
@theme {
--color-ice-cold: #d8f0f9;
--color-ice-cold-50: #edf7fb;
--color-ice-cold-100: #deeaef;
--color-ice-cold-200: #c8d7dd;
--color-ice-cold-300: #a9bbc2;
--color-ice-cold-400: #8da3aa;
--color-ice-cold-500: #728b94;
--color-ice-cold-600: #61757d;
--color-ice-cold-700: #4d5e64;
--color-ice-cold-800: #384549;
--color-ice-cold-900: #263033;
--color-ice-cold-950: #151c1e;
}SCSS
$ice-cold: #d8f0f9;
$ice-cold-rgb: 216, 240, 249;
$ice-cold-light: mix(#fff, $ice-cold, 20%);
$ice-cold-dark: mix(#000, $ice-cold, 20%);
.element {
color: $ice-cold;
box-shadow: 0 0 0 2px rgba($ice-cold, 0.35);
}