Color con nombre más cercano · #D8F0F9
#D8F0F9
Color con nombre más cercano: Ice Cold
#D8F0F9 (rgb(216 240 249), hsl(196 73% 91%), oklch(0.94 0.028 222.3)) se parece más al color con nombre Ice Cold. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#D8F0F9
oklch(0.94 0.028 222.3)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- DCF2FA
- E0F3FA
- E4F5FB
- E8F6FB
- ECF8FC
- EFF9FD
- F3FBFD
- F7FCFE
- FBFEFE
Sombras
- BCD1D9
- A0B2B9
- 85959A
- 6B787D
- 535D61
- 3B4346
- 252A2C
- 111415
- 020303
Tonos
- CFE4EC
- C6D9E0
- BDCDD3
- B4C2C7
- ABB6BB
- A2ABAF
- 9AA0A3
- 919597
- 888B8B
Armonías de color
Complementario +180°
- D8F0F9
Ice Cold
- FDE6DD
≈ French Manicure
Análogo -30° +30°
- D8F0F9
Ice Cold
- D7F2F0
≈ Air of Mint
- DEEDFE
≈ Calcareous Sinter
Triádico +120° +240°
- D8F0F9
Ice Cold
- FAE4F0
≈ Petal Poise
- EFECD7
≈ Soft Moonlight
Complementario dividido +150° +210°
- D8F0F9
Ice Cold
- FEE4E6
≈ Valerie
- F7E9D7
≈ Tender
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.18:1 · APCA Lc 9
Ag
AAASobre negro
WCAG 17.75:1 · APCA Lc 95
Mejor color de texto: #000000
WCAG 17.75:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmentos de código
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);
}