Warna bernama terdekat · #E0F4FF
#E0F4FF
Warna bernama terdekat: Freezing Vapour
#E0F4FF (rgb(224 244 255), hsl(201 100% 94%), oklch(0.956 0.026 231.6)) paling mendekati warna bernama Freezing Vapour. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#E0F4FF
oklch(0.956 0.026 231.6)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- E3F5FF
- E6F6FF
- E9F7FF
- ECF8FF
- F0FAFF
- F3FBFF
- F6FCFF
- F9FDFF
- FCFEFF
Shade
- C3D4DE
- A6B5BE
- 8A979E
- 707A80
- 565E63
- 3E4448
- 272B2E
- 121416
- 020303
Tone
- D6E8F2
- CCDCE4
- C2D0D7
- B9C4CA
- AFB8BE
- A5ADB1
- 9CA1A4
- 929698
- 898B8C
Harmoni warna
Komplementer +180°
- E0F4FF
Freezing Vapour
- FFECE2
≈ Pink Glow
Analog -30° +30°
- E0F4FF
Freezing Vapour
- DDF6F8
≈ Coastal Breeze
- E9F1FF
≈ Cotton Boll
Triadik +120° +240°
- E0F4FF
Freezing Vapour
- FFEAF2
≈ Fairy Wings
- F0F2DF
≈ Restful Rain
Split-komplementer +150° +210°
- E0F4FF
Freezing Vapour
- FFEBEA
≈ Pink Lemonade
- F9EFDD
≈ Creamy Cameo
Tetradik +90° +180° +270°
- E0F4FF
Freezing Vapour
- F9EBFB
≈ Placebo Fuchsia
- FFECE2
≈ Pink Glow
- E7F5E5
≈ Dinner Mint
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.13:1 · APCA Lc 0
Ag
AAADi atas hitam
WCAG 18.55:1 · APCA Lc 99
Warna teks terbaik: #000000
WCAG 18.55:1 (AAA) · APCA Lc 99
Contrast pairs
Cuplikan kode
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);
}