En yakın adlandırılmış renk · #E4EBF1
#E4EBF1
En yakın adlandırılmış renk: White Frost
#E4EBF1 (rgb(228 235 241), hsl(208 32% 92%), oklch(0.936 0.011 243.7)) en çok White Frost adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#E4EBF1
oklch(0.936 0.011 243.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E7EDF2
- E9EFF4
- ECF1F5
- EFF3F7
- F1F5F8
- F4F7F9
- F7F9FB
- FAFBFC
- FCFDFE
Koyu tonlar
- C6CCD2
- A9AEB3
- 8D9195
- 727579
- 585B5D
- 3F4143
- 28292B
- 121314
- 030303
Gri tonlar
- DAE0E5
- CFD5D9
- C5CACE
- BBBFC2
- B1B4B7
- A7A9AC
- 9D9FA1
- 939496
- 8A8A8B
Renk uyumları
Tamamlayıcı +180°
- E4EBF1
White Frost
- F0E9E3
≈ Refer to the Stars
Analog -30° +30°
- E4EBF1
White Frost
- E2ECEE
≈ Aquifer
- E7EAF2
≈ Diamond Cut
Üçlü +120° +240°
- E4EBF1
White Frost
- F1E7E9
≈ Mont Blanc Peak
- E8EBE3
≈ Gallery White
Bölünmüş tamamlayıcı +150° +210°
- E4EBF1
White Frost
- F1E8E5
≈ Holy Ghost
- ECEAE2
≈ White Moderne
Dörtlü +90° +180° +270°
- E4EBF1
White Frost
- EFE7ED
≈ Bride
- F0E9E3
≈ Refer to the Stars
- E5ECE7
≈ Lightning Bolt
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.20:1 · APCA Lc 10
Ag
AAASiyah üzerinde
WCAG 17.45:1 · APCA Lc 94
En iyi metin rengi: #000000
WCAG 17.45:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
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);
}