Couleur nommée la plus proche · #E4EBF1
#E4EBF1
Couleur nommée la plus proche: White Frost
#E4EBF1 (rgb(228 235 241), hsl(208 32% 92%), oklch(0.936 0.011 243.7)) est la plus proche de la couleur nommée White Frost. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E4EBF1
oklch(0.936 0.011 243.7)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- E7EDF2
- E9EFF4
- ECF1F5
- EFF3F7
- F1F5F8
- F4F7F9
- F7F9FB
- FAFBFC
- FCFDFE
Ombres
- C6CCD2
- A9AEB3
- 8D9195
- 727579
- 585B5D
- 3F4143
- 28292B
- 121314
- 030303
Tons
- DAE0E5
- CFD5D9
- C5CACE
- BBBFC2
- B1B4B7
- A7A9AC
- 9D9FA1
- 939496
- 8A8A8B
Harmonies de couleurs
Complémentaire +180°
- E4EBF1
White Frost
- F0E9E3
≈ Refer to the Stars
Analogue -30° +30°
- E4EBF1
White Frost
- E2ECEE
≈ Aquifer
- E7EAF2
≈ Diamond Cut
Triadique +120° +240°
- E4EBF1
White Frost
- F1E7E9
≈ Mont Blanc Peak
- E8EBE3
≈ Gallery White
Complémentaire divisée +150° +210°
- E4EBF1
White Frost
- F1E8E5
≈ Holy Ghost
- ECEAE2
≈ White Moderne
Tétradique +90° +180° +270°
- E4EBF1
White Frost
- EFE7ED
≈ Bride
- F0E9E3
≈ Refer to the Stars
- E5ECE7
≈ Lightning Bolt
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.20:1 · APCA Lc 10
Ag
AAASur noir
WCAG 17.45:1 · APCA Lc 94
Meilleure couleur de texte: #000000
WCAG 17.45:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
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);
}