Color con nombre más cercano · #E0F4FF
#E0F4FF
Color con nombre más cercano: Freezing Vapour
#E0F4FF (rgb(224 244 255), hsl(201 100% 94%), oklch(0.956 0.026 231.6)) se parece más al color con nombre Freezing Vapour. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#E0F4FF
oklch(0.956 0.026 231.6)
Conversiones de color
- HEX
- #e0f4ff
- RGB
- rgb(224 244 255)
- HSL
- hsl(201 100% 94%)
- HWB
- hwb(201 88% 0%)
- OKLCH
- oklch(0.956 0.026 231.6)
- OKLab
- oklab(0.956 -0.016 -0.02)
- CIE Lab
- lab(94.95 -5.2 -7.67)
- LCH
- lch(94.95 9.26 235.9)
- CMYK
- cmyk(12% 4% 0% 0%)
Tintes · Sombras · Tonos
Tintes
- E3F5FF
- E6F6FF
- E9F7FF
- ECF8FF
- F0FAFF
- F3FBFF
- F6FCFF
- F9FDFF
- FCFEFF
Sombras
- C3D4DE
- A6B5BE
- 8A979E
- 707A80
- 565E63
- 3E4448
- 272B2E
- 121416
- 020303
Tonos
- D6E8F2
- CCDCE4
- C2D0D7
- B9C4CA
- AFB8BE
- A5ADB1
- 9CA1A4
- 929698
- 898B8C
Armonías de color
Complementario +180°
- E0F4FF
Freezing Vapour
- FFECE2
≈ Pink Glow
Análogo -30° +30°
- E0F4FF
Freezing Vapour
- DDF6F8
≈ Coastal Breeze
- E9F1FF
≈ Cotton Boll
Triádico +120° +240°
- E0F4FF
Freezing Vapour
- FFEAF2
≈ Fairy Wings
- F0F2DF
≈ Restful Rain
Complementario dividido +150° +210°
- E0F4FF
Freezing Vapour
- FFEBEA
≈ Pink Lemonade
- F9EFDD
≈ Creamy Cameo
Tetrádico +90° +180° +270°
- E0F4FF
Freezing Vapour
- F9EBFB
≈ Placebo Fuchsia
- FFECE2
≈ Pink Glow
- E7F5E5
≈ Dinner Mint
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.13:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 18.55:1 · APCA Lc 99
Mejor color de texto: #000000
WCAG 18.55:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmentos de código
CSS
:root {
--freezing-vapour: #e0f4ff;
--freezing-vapour-rgb: 224 244 255;
--freezing-vapour-oklch: oklch(0.956 0.026 231.6);
}
.element {
color: var(--freezing-vapour);
background-color: hsl(201 100% 94%);
border-color: oklch(0.956 0.026 231.6);
}Tailwind CSS v4
@theme {
--color-freezing-vapour: #e0f4ff;
--color-freezing-vapour-50: #eef7fb;
--color-freezing-vapour-100: #e0eaef;
--color-freezing-vapour-200: #cad6de;
--color-freezing-vapour-300: #abbac3;
--color-freezing-vapour-400: #90a2ab;
--color-freezing-vapour-500: #768a95;
--color-freezing-vapour-600: #64747e;
--color-freezing-vapour-700: #505d65;
--color-freezing-vapour-800: #3a444a;
--color-freezing-vapour-900: #272f33;
--color-freezing-vapour-950: #151c1f;
}SCSS
$freezing-vapour: #e0f4ff;
$freezing-vapour-rgb: 224, 244, 255;
$freezing-vapour-light: mix(#fff, $freezing-vapour, 20%);
$freezing-vapour-dark: mix(#000, $freezing-vapour, 20%);
.element {
color: $freezing-vapour;
box-shadow: 0 0 0 2px rgba($freezing-vapour, 0.35);
}