Màu có tên gần nhất · #E4E9DF
#E4E9DF
Màu có tên gần nhất: Silence
#E4E9DF (rgb(228 233 223), hsl(90 19% 89%), oklch(0.927 0.014 128.6)) gần nhất với màu có tên Silence. 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.
#E4E9DF
oklch(0.927 0.014 128.6)
Chuyển đổi màu
- HEX
- #e4e9df
- RGB
- rgb(228 233 223)
- HSL
- hsl(90 19% 89%)
- HWB
- hwb(90 87% 9%)
- OKLCH
- oklch(0.927 0.014 128.6)
- OKLab
- oklab(0.927 -0.009 0.011)
- CIE Lab
- lab(91.75 -3.06 4.26)
- LCH
- lch(91.75 5.24 125.6)
- CMYK
- cmyk(2% 0% 4% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E7EBE2
- E9EDE5
- ECF0E9
- EFF2EC
- F1F4EF
- F4F6F2
- F7F8F5
- FAFBF9
- FCFDFC
Sắc đậm
- C6CBC2
- A9ADA5
- 8D908A
- 72746F
- 585A56
- 3F413D
- 282927
- 121312
- 030302
Sắc xám
- DADED5
- CFD3CB
- C5C8C2
- BBBEB8
- B1B3AE
- A7A9A5
- 9D9E9B
- 939492
- 8A8A89
Hòa sắc
Bổ túc +180°
- E4E9DF
Silence
- EAE5EF
≈ Modest Violet
Tương đồng -30° +30°
- E4E9DF
Silence
- E9E7DD
≈ Santa’s Beard
- DFEAE3
≈ Frosty Pink
Bộ ba +120° +240°
- E4E9DF
Silence
- E0E8F0
≈ Bellflower Blue
- F0E3E5
≈ Dulcet Pink
Bổ túc chia +150° +210°
- E4E9DF
Silence
- E5E6F1
≈ Lavender Syrup
- EEE3EA
≈ Rosie Posie
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.23:1 · APCA Lc 12
Ag
AAATrên nền đen
WCAG 17.01:1 · APCA Lc 92
Màu chữ tốt nhất: #000000
WCAG 17.01:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--silence: #e4e9df;
--silence-rgb: 228 233 223;
--silence-oklch: oklch(0.927 0.014 128.6);
}
.element {
color: var(--silence);
background-color: hsl(90 19% 89%);
border-color: oklch(0.927 0.014 128.6);
}Tailwind CSS v4
@theme {
--color-silence: #e4e9df;
--color-silence-50: #f4f6f2;
--color-silence-100: #e6e9e4;
--color-silence-200: #d2d5cf;
--color-silence-300: #b5b9b1;
--color-silence-400: #9ca097;
--color-silence-500: #83887e;
--color-silence-600: #6f736b;
--color-silence-700: #595c55;
--color-silence-800: #41433e;
--color-silence-900: #2d2e2b;
--color-silence-950: #1a1b18;
}SCSS
$silence: #e4e9df;
$silence-rgb: 228, 233, 223;
$silence-light: mix(#fff, $silence, 20%);
$silence-dark: mix(#000, $silence, 20%);
.element {
color: $silence;
box-shadow: 0 0 0 2px rgba($silence, 0.35);
}