Couleur nommée la plus proche · #E0F4F7
#E0F4F7
Couleur nommée la plus proche: Let It Snow
#E0F4F7 (rgb(224 244 247), hsl(188 59% 92%), oklch(0.953 0.021 207.6)) est la plus proche de la couleur nommée Let It Snow. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E0F4F7
oklch(0.953 0.021 207.6)
Conversions de couleur
- HEX
- #e0f4f7
- RGB
- rgb(224 244 247)
- HSL
- hsl(188 59% 92%)
- HWB
- hwb(188 88% 3%)
- OKLCH
- oklch(0.953 0.021 207.6)
- OKLab
- oklab(0.953 -0.019 -0.01)
- CIE Lab
- lab(94.77 -6.36 -3.81)
- LCH
- lch(94.77 7.42 210.9)
- CMYK
- cmyk(9% 1% 0% 3%)
Teintes · Ombres · Tons
Teintes
- E3F5F8
- E6F6F9
- E9F7F9
- ECF8FA
- F0FAFB
- F3FBFC
- F6FCFD
- F9FDFD
- FCFEFE
Ombres
- C3D4D7
- A6B5B7
- 8A9799
- 707A7C
- 565E60
- 3E4445
- 272B2C
- 121415
- 020303
Tons
- D6E8EA
- CCDCDE
- C2D0D2
- B9C4C6
- AFB8BA
- A5ADAE
- 9CA1A2
- 929697
- 898B8B
Harmonies de couleurs
Complémentaire +180°
- E0F4F7
Let It Snow
- FEEBE8
≈ Rose Frost
Analogue -30° +30°
- E0F4F7
Let It Snow
- E1F5EF
≈ Frosty Mint
- E3F2FD
≈ Wizard White
Triadique +120° +240°
- E0F4F7
Let It Snow
- F8EBF7
≈ Placebo Magenta
- F6EFE0
≈ Paper White
Complémentaire divisée +150° +210°
- E0F4F7
Let It Snow
- FDEAEF
≈ Rose Mochi
- FBECE2
≈ White Canvas
Tétradique +90° +180° +270°
- E0F4F7
Let It Snow
- F1EDFD
≈ Foundation White
- FEEBE8
≈ Rose Frost
- EEF2E2
≈ Snowy Evergreen
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.13:1 · APCA Lc 0
Ag
AAASur noir
WCAG 18.45:1 · APCA Lc 98
Meilleure couleur de texte: #000000
WCAG 18.45:1 (AAA) · APCA Lc 98
Contrast pairs
Extraits de code
CSS
:root {
--let-it-snow: #e0f4f7;
--let-it-snow-rgb: 224 244 247;
--let-it-snow-oklch: oklch(0.953 0.021 207.6);
}
.element {
color: var(--let-it-snow);
background-color: hsl(188 59% 92%);
border-color: oklch(0.953 0.021 207.6);
}Tailwind CSS v4
@theme {
--color-let-it-snow: #e0f4f7;
--color-let-it-snow-50: #eff7f8;
--color-let-it-snow-100: #e0eaec;
--color-let-it-snow-200: #cad7d9;
--color-let-it-snow-300: #acbbbd;
--color-let-it-snow-400: #91a2a5;
--color-let-it-snow-500: #768a8d;
--color-let-it-snow-600: #647578;
--color-let-it-snow-700: #505e60;
--color-let-it-snow-800: #3a4546;
--color-let-it-snow-900: #282f30;
--color-let-it-snow-950: #161c1d;
}SCSS
$let-it-snow: #e0f4f7;
$let-it-snow-rgb: 224, 244, 247;
$let-it-snow-light: mix(#fff, $let-it-snow, 20%);
$let-it-snow-dark: mix(#000, $let-it-snow, 20%);
.element {
color: $let-it-snow;
box-shadow: 0 0 0 2px rgba($let-it-snow, 0.35);
}