Màu có tên gần nhất · #E4E7D8
#E4E7D8
Màu có tên gần nhất: Olive Conquering White
#E4E7D8 (rgb(228 231 216), hsl(72 24% 88%), oklch(0.922 0.02 116)) gần nhất với màu có tên Olive Conquering White. 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.
#E4E7D8
oklch(0.922 0.02 116)
Chuyển đổi màu
- HEX
- #e4e7d8
- RGB
- rgb(228 231 216)
- HSL
- hsl(72 24% 88%)
- HWB
- hwb(72 85% 9%)
- OKLCH
- oklch(0.922 0.02 116)
- OKLab
- oklab(0.922 -0.009 0.018)
- CIE Lab
- lab(91.1 -2.99 6.96)
- LCH
- lch(91.1 7.58 113.3)
- CMYK
- cmyk(1% 0% 6% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E7E9DC
- E9ECE0
- ECEEE4
- EFF1E8
- F1F3EB
- F4F5EF
- F7F8F3
- FAFAF7
- FCFDFB
Sắc đậm
- C6C9BC
- A9ABA0
- 8D8F85
- 72736B
- 585953
- 3F403B
- 282825
- 121311
- 030302
Sắc xám
- DADCCF
- CFD2C6
- C5C7BD
- BBBCB4
- B1B2AB
- A7A8A2
- 9D9E9A
- 939491
- 898A88
Hòa sắc
Bổ túc +180°
- E4E7D8
Olive Conquering White
- E6E3F1
≈ Farsighted
Tương đồng -30° +30°
- E4E7D8
Olive Conquering White
- EBE4D6
≈ Dry Sand
- DDE9DD
≈ Meadow Light
Bộ ba +120° +240°
- E4E7D8
Olive Conquering White
- D9E8F1
≈ Icicle Veil
- F1E0E5
≈ Candy Mix
Bổ túc chia +150° +210°
- E4E7D8
Olive Conquering White
- DFE5F3
≈ Crystal Falls
- EDE1EC
≈ Heaven Sent
Bộ bốn +90° +180° +270°
- E4E7D8
Olive Conquering White
- D6E9EC
≈ Enchanted Evening
- E6E3F1
≈ Farsighted
- F2E0DE
≈ Bare Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.25:1 · APCA Lc 13
Ag
AAATrên nền đen
WCAG 16.72:1 · APCA Lc 91
Màu chữ tốt nhất: #000000
WCAG 16.72:1 (AAA) · APCA Lc 91
Contrast pairs
Đoạn mã
CSS
:root {
--olive-conquering-white: #e4e7d8;
--olive-conquering-white-rgb: 228 231 216;
--olive-conquering-white-oklch: oklch(0.922 0.02 116);
}
.element {
color: var(--olive-conquering-white);
background-color: hsl(72 24% 88%);
border-color: oklch(0.922 0.02 116);
}Tailwind CSS v4
@theme {
--color-olive-conquering-white: #e4e7d8;
--color-olive-conquering-white-50: #f4f6f0;
--color-olive-conquering-white-100: #e7e9e1;
--color-olive-conquering-white-200: #d3d5cc;
--color-olive-conquering-white-300: #b6b9ad;
--color-olive-conquering-white-400: #9da093;
--color-olive-conquering-white-500: #858879;
--color-olive-conquering-white-600: #717367;
--color-olive-conquering-white-700: #5a5c52;
--color-olive-conquering-white-800: #42433b;
--color-olive-conquering-white-900: #2e2e29;
--color-olive-conquering-white-950: #1a1b17;
}SCSS
$olive-conquering-white: #e4e7d8;
$olive-conquering-white-rgb: 228, 231, 216;
$olive-conquering-white-light: mix(#fff, $olive-conquering-white, 20%);
$olive-conquering-white-dark: mix(#000, $olive-conquering-white, 20%);
.element {
color: $olive-conquering-white;
box-shadow: 0 0 0 2px rgba($olive-conquering-white, 0.35);
}