Colore con nome più vicino · #E4EBF1
#E4EBF1
Colore con nome più vicino: White Frost
#E4EBF1 (rgb(228 235 241), hsl(208 32% 92%), oklch(0.936 0.011 243.7)) è più vicino al colore con nome White Frost. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E4EBF1
oklch(0.936 0.011 243.7)
Conversioni di colore
- HEX
- #e4ebf1
- RGB
- rgb(228 235 241)
- HSL
- hsl(208 32% 92%)
- HWB
- hwb(208 89% 5%)
- OKLCH
- oklch(0.936 0.011 243.7)
- OKLab
- oklab(0.936 -0.005 -0.01)
- CIE Lab
- lab(92.64 -1.59 -3.77)
- LCH
- lch(92.64 4.09 247.1)
- CMYK
- cmyk(5% 2% 0% 5%)
Tinte · Ombre · Toni
Tinte
- E7EDF2
- E9EFF4
- ECF1F5
- EFF3F7
- F1F5F8
- F4F7F9
- F7F9FB
- FAFBFC
- FCFDFE
Ombre
- C6CCD2
- A9AEB3
- 8D9195
- 727579
- 585B5D
- 3F4143
- 28292B
- 121314
- 030303
Toni
- DAE0E5
- CFD5D9
- C5CACE
- BBBFC2
- B1B4B7
- A7A9AC
- 9D9FA1
- 939496
- 8A8A8B
Armonie di colore
Complementare +180°
- E4EBF1
White Frost
- F0E9E3
≈ Refer to the Stars
Analogo -30° +30°
- E4EBF1
White Frost
- E2ECEE
≈ Aquifer
- E7EAF2
≈ Diamond Cut
Triadico +120° +240°
- E4EBF1
White Frost
- F1E7E9
≈ Mont Blanc Peak
- E8EBE3
≈ Gallery White
Complementare divisa +150° +210°
- E4EBF1
White Frost
- F1E8E5
≈ Holy Ghost
- ECEAE2
≈ White Moderne
Tetradico +90° +180° +270°
- E4EBF1
White Frost
- EFE7ED
≈ Bride
- F0E9E3
≈ Refer to the Stars
- E5ECE7
≈ Lightning Bolt
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.20:1 · APCA Lc 10
Ag
AAASu nero
WCAG 17.45:1 · APCA Lc 94
Miglior colore del testo: #000000
WCAG 17.45:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--white-frost: #e4ebf1;
--white-frost-rgb: 228 235 241;
--white-frost-oklch: oklch(0.936 0.011 243.7);
}
.element {
color: var(--white-frost);
background-color: hsl(208 32% 92%);
border-color: oklch(0.936 0.011 243.7);
}Tailwind CSS v4
@theme {
--color-white-frost: #e4ebf1;
--color-white-frost-50: #f3f5f8;
--color-white-frost-100: #e5e8eb;
--color-white-frost-200: #d0d5d9;
--color-white-frost-300: #b3b8bd;
--color-white-frost-400: #999fa5;
--color-white-frost-500: #80878d;
--color-white-frost-600: #6d7277;
--color-white-frost-700: #575b5f;
--color-white-frost-800: #3f4346;
--color-white-frost-900: #2b2e30;
--color-white-frost-950: #191b1d;
}SCSS
$white-frost: #e4ebf1;
$white-frost-rgb: 228, 235, 241;
$white-frost-light: mix(#fff, $white-frost, 20%);
$white-frost-dark: mix(#000, $white-frost, 20%);
.element {
color: $white-frost;
box-shadow: 0 0 0 2px rgba($white-frost, 0.35);
}