Màu có tên gần nhất · #E5E9DF
#E5E9DF
Màu có tên gần nhất: Silence
#E5E9DF (rgb(229 233 223), hsl(84 19% 89%), oklch(0.928 0.014 124.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.
#E5E9DF
oklch(0.928 0.014 124.6)
Chuyển đổi màu
- HEX
- #e5e9df
- RGB
- rgb(229 233 223)
- HSL
- hsl(84 19% 89%)
- HWB
- hwb(84 87% 9%)
- OKLCH
- oklch(0.928 0.014 124.6)
- OKLab
- oklab(0.928 -0.008 0.012)
- CIE Lab
- lab(91.83 -2.71 4.38)
- LCH
- lch(91.83 5.15 121.7)
- CMYK
- cmyk(2% 0% 4% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E8EBE2
- EAEDE5
- EDF0E9
- EFF2EC
- F2F4EF
- F5F6F2
- F7F8F5
- FAFBF9
- FCFDFC
Sắc đậm
- C7CBC2
- AAADA5
- 8E908A
- 72746F
- 585A56
- 3F413D
- 282927
- 121312
- 030302
Sắc xám
- DADED5
- D0D3CB
- C6C8C2
- BBBEB8
- B1B3AE
- A7A9A5
- 9D9E9B
- 939492
- 8A8A89
Hòa sắc
Bổ túc +180°
- E5E9DF
Silence
- E9E5EF
≈ Modest Violet
Tương đồng -30° +30°
- E5E9DF
Silence
- EAE7DD
≈ Santa’s Beard
- E0EAE3
≈ Frosty Pink
Bộ ba +120° +240°
- E5E9DF
Silence
- E0E9F0
≈ Bellflower Blue
- F0E4E6
≈ Venus Pink
Bổ túc chia +150° +210°
- E5E9DF
Silence
- E4E7F1
≈ Whisper Blue
- EEE4EB
≈ 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 11
Ag
AAATrên nền đen
WCAG 17.05:1 · APCA Lc 93
Màu chữ tốt nhất: #000000
WCAG 17.05:1 (AAA) · APCA Lc 93
Contrast pairs
Đoạn mã
CSS
:root {
--silence: #e5e9df;
--silence-rgb: 229 233 223;
--silence-oklch: oklch(0.928 0.014 124.6);
}
.element {
color: var(--silence);
background-color: hsl(84 19% 89%);
border-color: oklch(0.928 0.014 124.6);
}Tailwind CSS v4
@theme {
--color-silence: #e5e9df;
--color-silence-50: #f4f6f2;
--color-silence-100: #e6e9e4;
--color-silence-200: #d2d5cf;
--color-silence-300: #b5b9b1;
--color-silence-400: #9ca097;
--color-silence-500: #84887e;
--color-silence-600: #70736b;
--color-silence-700: #595c55;
--color-silence-800: #41433e;
--color-silence-900: #2d2e2b;
--color-silence-950: #1a1b18;
}SCSS
$silence: #e5e9df;
$silence-rgb: 229, 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);
}