Màu có tên gần nhất · #E4EBF1
#E4EBF1
Màu có tên gần nhất: White Frost
#E4EBF1 (rgb(228 235 241), hsl(208 32% 92%), oklch(0.936 0.011 243.7)) gần nhất với màu có tên White Frost. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#E4EBF1
oklch(0.936 0.011 243.7)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E7EDF2
- E9EFF4
- ECF1F5
- EFF3F7
- F1F5F8
- F4F7F9
- F7F9FB
- FAFBFC
- FCFDFE
Sắc đậm
- C6CCD2
- A9AEB3
- 8D9195
- 727579
- 585B5D
- 3F4143
- 28292B
- 121314
- 030303
Sắc xám
- DAE0E5
- CFD5D9
- C5CACE
- BBBFC2
- B1B4B7
- A7A9AC
- 9D9FA1
- 939496
- 8A8A8B
Hòa sắc
Bổ túc +180°
- E4EBF1
White Frost
- F0E9E3
≈ Refer to the Stars
Tương đồng -30° +30°
- E4EBF1
White Frost
- E2ECEE
≈ Aquifer
- E7EAF2
≈ Diamond Cut
Bộ ba +120° +240°
- E4EBF1
White Frost
- F1E7E9
≈ Mont Blanc Peak
- E8EBE3
≈ Gallery White
Bổ túc chia +150° +210°
- E4EBF1
White Frost
- F1E8E5
≈ Holy Ghost
- ECEAE2
≈ White Moderne
Bộ bốn +90° +180° +270°
- E4EBF1
White Frost
- EFE7ED
≈ Bride
- F0E9E3
≈ Refer to the Stars
- E5ECE7
≈ Lightning Bolt
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.20:1 · APCA Lc 10
Ag
AAATrên nền đen
WCAG 17.45:1 · APCA Lc 94
Màu chữ tốt nhất: #000000
WCAG 17.45:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
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);
}