Najbliższy nazwany kolor · #E0F4F7
#E0F4F7
Najbliższy nazwany kolor: Let It Snow
#E0F4F7 (rgb(224 244 247), hsl(188 59% 92%), oklch(0.953 0.021 207.6)) jest najbliższy nazwanemu kolorowi Let It Snow. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E0F4F7
oklch(0.953 0.021 207.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3F5F8
- E6F6F9
- E9F7F9
- ECF8FA
- F0FAFB
- F3FBFC
- F6FCFD
- F9FDFD
- FCFEFE
Odcienie ciemniejsze
- C3D4D7
- A6B5B7
- 8A9799
- 707A7C
- 565E60
- 3E4445
- 272B2C
- 121415
- 020303
Tony
- D6E8EA
- CCDCDE
- C2D0D2
- B9C4C6
- AFB8BA
- A5ADAE
- 9CA1A2
- 929697
- 898B8B
Harmonie kolorów
Komplementarna +180°
- E0F4F7
Let It Snow
- FEEBE8
≈ Rose Frost
Analogowa -30° +30°
- E0F4F7
Let It Snow
- E1F5EF
≈ Frosty Mint
- E3F2FD
≈ Wizard White
Triada +120° +240°
- E0F4F7
Let It Snow
- F8EBF7
≈ Placebo Magenta
- F6EFE0
≈ Paper White
Komplementarna rozszczepiona +150° +210°
- E0F4F7
Let It Snow
- FDEAEF
≈ Rose Mochi
- FBECE2
≈ White Canvas
Tetrada +90° +180° +270°
- E0F4F7
Let It Snow
- F1EDFD
≈ Foundation White
- FEEBE8
≈ Rose Frost
- EEF2E2
≈ Snowy Evergreen
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.13:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.45:1 · APCA Lc 98
Najlepszy kolor tekstu: #000000
WCAG 18.45:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmenty kodu
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);
}