Najbliższy nazwany kolor · #E8FAF6
#E8FAF6
Najbliższy nazwany kolor: Melting Glacier
#E8FAF6 (rgb(232 250 246), hsl(167 64% 95%), oklch(0.971 0.02 181.1)) jest najbliższy nazwanemu kolorowi Melting Glacier. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E8FAF6
oklch(0.971 0.02 181.1)
Konwersje koloru
- HEX
- #e8faf6
- RGB
- rgb(232 250 246)
- HSL
- hsl(167 64% 95%)
- HWB
- hwb(167 91% 2%)
- OKLCH
- oklch(0.971 0.02 181.1)
- OKLab
- oklab(0.971 -0.02 0)
- CIE Lab
- lab(96.85 -6.65 -0.21)
- LCH
- lch(96.85 6.65 181.8)
- CMYK
- cmyk(7% 0% 2% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EAFBF7
- EDFBF8
- EFFCF9
- F1FCFA
- F4FDFA
- F6FDFB
- F8FEFC
- FAFEFD
- FDFFFE
Odcienie ciemniejsze
- CAD9D6
- ACBAB7
- 909B98
- 747D7B
- 59615F
- 404645
- 292D2C
- 131515
- 030303
Tony
- DDEDEA
- D2E0DD
- C8D4D1
- BDC7C5
- B3BBB9
- A8AFAD
- 9EA3A2
- 949796
- 8A8B8B
Harmonie kolorów
Komplementarna +180°
- E8FAF6
Melting Glacier
- FFF1F5
≈ Lavender Blush
Analogowa -30° +30°
- E8FAF6
Melting Glacier
- ECF9EF
≈ Soft Petals
- E7F9FD
≈ Clear Skies
Triada +120° +240°
- E8FAF6
Melting Glacier
- F7F3FF
≈ Sugar Crystal
- FFF3E9
≈ Ambrosia Ivory
Komplementarna rozszczepiona +150° +210°
- E8FAF6
Melting Glacier
- FEF1FC
≈ Pinkish White
- FFF2EF
≈ Polished Pink
Tetrada +90° +180° +270°
- E8FAF6
Melting Glacier
- F2F5FF
≈ Cotton Ball
- FFF1F5
≈ Lavender Blush
- FAF5E7
≈ Whipping Cream
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.08:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 19.43:1 · APCA Lc 102
Najlepszy kolor tekstu: #000000
WCAG 19.43:1 (AAA) · APCA Lc 102
Contrast pairs
Fragmenty kodu
CSS
:root {
--melting-glacier: #e8faf6;
--melting-glacier-rgb: 232 250 246;
--melting-glacier-oklch: oklch(0.971 0.02 181.1);
}
.element {
color: var(--melting-glacier);
background-color: hsl(167 64% 95%);
border-color: oklch(0.971 0.02 181.1);
}Tailwind CSS v4
@theme {
--color-melting-glacier: #e8faf6;
--color-melting-glacier-50: #eff7f5;
--color-melting-glacier-100: #e1eae8;
--color-melting-glacier-200: #ccd7d5;
--color-melting-glacier-300: #adbbb8;
--color-melting-glacier-400: #93a29f;
--color-melting-glacier-500: #798b87;
--color-melting-glacier-600: #667572;
--color-melting-glacier-700: #525e5b;
--color-melting-glacier-800: #3b4542;
--color-melting-glacier-900: #292f2e;
--color-melting-glacier-950: #171c1b;
}SCSS
$melting-glacier: #e8faf6;
$melting-glacier-rgb: 232, 250, 246;
$melting-glacier-light: mix(#fff, $melting-glacier, 20%);
$melting-glacier-dark: mix(#000, $melting-glacier, 20%);
.element {
color: $melting-glacier;
box-shadow: 0 0 0 2px rgba($melting-glacier, 0.35);
}