Màu có tên gần nhất · #E6E9DC
#E6E9DC
Màu có tên gần nhất: Olive Conquering White
#E6E9DC (rgb(230 233 220), hsl(74 23% 89%), oklch(0.928 0.018 117.3)) 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.
#E6E9DC
oklch(0.928 0.018 117.3)
Chuyển đổi màu
- HEX
- #e6e9dc
- RGB
- rgb(230 233 220)
- HSL
- hsl(74 23% 89%)
- HWB
- hwb(74 86% 9%)
- OKLCH
- oklch(0.928 0.018 117.3)
- OKLab
- oklab(0.928 -0.008 0.016)
- CIE Lab
- lab(91.85 -2.74 5.97)
- LCH
- lch(91.85 6.57 114.6)
- CMYK
- cmyk(1% 0% 6% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E8EBDF
- EBEDE3
- EDF0E6
- F0F2EA
- F2F4ED
- F5F6F1
- F7F8F4
- FAFBF8
- FCFDFB
Sắc đậm
- C8CBBF
- ABADA3
- 8E9088
- 73746E
- 595A54
- 40413C
- 282926
- 131311
- 030302
Sắc xám
- DBDED2
- D1D3C9
- C6C8BF
- BCBEB6
- B2B3AD
- A7A9A4
- 9D9E9B
- 939492
- 8A8A89
Hòa sắc
Bổ túc +180°
- E6E9DC
Olive Conquering White
- E8E5F2
≈ Modest Violet
Tương đồng -30° +30°
- E6E9DC
Olive Conquering White
- ECE7DA
≈ Dried Coconut
- E0EBE1
≈ Country Mist
Bộ ba +120° +240°
- E6E9DC
Olive Conquering White
- DDE9F2
≈ Freeze Up
- F2E3E7
≈ Be Mine
Bổ túc chia +150° +210°
- E6E9DC
Olive Conquering White
- E2E7F3
≈ Crystal Falls
- EEE3ED
≈ Faded Fuchsia
Bộ bốn +90° +180° +270°
- E6E9DC
Olive Conquering White
- DBEBED
≈ Blue Flax
- E8E5F2
≈ Modest Violet
- F3E3E1
≈ Pink Emulsion
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 {
--olive-conquering-white: #e6e9dc;
--olive-conquering-white-rgb: 230 233 220;
--olive-conquering-white-oklch: oklch(0.928 0.018 117.3);
}
.element {
color: var(--olive-conquering-white);
background-color: hsl(74 23% 89%);
border-color: oklch(0.928 0.018 117.3);
}Tailwind CSS v4
@theme {
--color-olive-conquering-white: #e6e9dc;
--color-olive-conquering-white-50: #f4f6f0;
--color-olive-conquering-white-100: #e7e9e2;
--color-olive-conquering-white-200: #d3d5cd;
--color-olive-conquering-white-300: #b6b9af;
--color-olive-conquering-white-400: #9da094;
--color-olive-conquering-white-500: #85887b;
--color-olive-conquering-white-600: #717368;
--color-olive-conquering-white-700: #5a5c53;
--color-olive-conquering-white-800: #42433c;
--color-olive-conquering-white-900: #2d2e29;
--color-olive-conquering-white-950: #1a1b17;
}SCSS
$olive-conquering-white: #e6e9dc;
$olive-conquering-white-rgb: 230, 233, 220;
$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);
}