Màu có tên · #EEF0DE
Highlight
Highlight là #EEF0DE: rgb(238 240 222), hsl(67 37% 91%), oklch(0.949 0.024 112). 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.
What does Gray mean? → · Highlight color name →
#EEF0DE
oklch(0.949 0.024 112)
Chuyển đổi màu
- HEX
- #eef0de
- RGB
- rgb(238 240 222)
- HSL
- hsl(67 37% 91%)
- HWB
- hwb(67 87% 6%)
- OKLCH
- oklch(0.949 0.024 112)
- OKLab
- oklab(0.949 -0.009 0.022)
- CIE Lab
- lab(94.28 -2.99 8.49)
- LCH
- lch(94.28 9 109.4)
- CMYK
- cmyk(1% 0% 7% 6%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F0F2E1
- F1F3E5
- F3F5E8
- F5F6EB
- F6F8EE
- F8F9F2
- FAFBF5
- FCFCF8
- FDFEFC
Sắc đậm
- CFD1C1
- B1B2A5
- 939589
- 77786F
- 5C5D55
- 42433D
- 2A2A26
- 141412
- 030302
Sắc xám
- E2E4D4
- D7D9CB
- CCCDC1
- C1C2B7
- B5B6AE
- AAABA5
- A0A09B
- 959592
- 8A8B89
Hòa sắc
Bổ túc +180°
- EEF0DE
Highlight
- EEECFD
≈ Placebo Purple
Tương đồng -30° +30°
- EEF0DE
Highlight
- F6EDDD
≈ Citrus Mist
- E5F2E4
≈ Frosted Mint
Bộ ba +120° +240°
- EEF0DE
Highlight
- DFF1FC
≈ Wizard White
- FCE8F0
≈ Nosegay
Bổ túc chia +150° +210°
- EEF0DE
Highlight
- E5EFFF
≈ Brilliant White
- F6E9F8
≈ Perfume Haze
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.15:1 · APCA Lc 7
Ag
AAATrên nền đen
WCAG 18.15:1 · APCA Lc 97
Màu chữ tốt nhất: #000000
WCAG 18.15:1 (AAA) · APCA Lc 97
Contrast pairs
Đoạn mã
CSS
:root {
--highlight: #eef0de;
--highlight-rgb: 238 240 222;
--highlight-oklch: oklch(0.949 0.024 112);
}
.element {
color: var(--highlight);
background-color: hsl(67 37% 91%);
border-color: oklch(0.949 0.024 112);
}Tailwind CSS v4
@theme {
--color-highlight: #eef0de;
--color-highlight-50: #f5f6ee;
--color-highlight-100: #e7e9e0;
--color-highlight-200: #d4d6ca;
--color-highlight-300: #b7b9ab;
--color-highlight-400: #9ea090;
--color-highlight-500: #868876;
--color-highlight-600: #727364;
--color-highlight-700: #5b5c50;
--color-highlight-800: #43433a;
--color-highlight-900: #2e2e28;
--color-highlight-950: #1b1b16;
}SCSS
$highlight: #eef0de;
$highlight-rgb: 238, 240, 222;
$highlight-light: mix(#fff, $highlight, 20%);
$highlight-dark: mix(#000, $highlight, 20%);
.element {
color: $highlight;
box-shadow: 0 0 0 2px rgba($highlight, 0.35);
}