Màu có tên gần nhất · #EAE0DE
#EAE0DE
Màu có tên gần nhất: Milk and Cookies
#EAE0DE (rgb(234 224 222), hsl(10 22% 89%), oklch(0.914 0.011 31.1)) gần nhất với màu có tên Milk and Cookies. 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.
#EAE0DE
oklch(0.914 0.011 31.1)
Chuyển đổi màu
- HEX
- #eae0de
- RGB
- rgb(234 224 222)
- HSL
- hsl(10 22% 89%)
- HWB
- hwb(10 87% 8%)
- OKLCH
- oklch(0.914 0.011 31.1)
- OKLab
- oklab(0.914 0.01 0.006)
- CIE Lab
- lab(89.94 3.27 2.26)
- LCH
- lch(89.94 3.97 34.7)
- CMYK
- cmyk(0% 4% 5% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- ECE3E1
- EEE6E5
- F0E9E8
- F2ECEB
- F4EFEE
- F7F3F2
- F9F6F5
- FBF9F8
- FDFCFC
Sắc đậm
- CBC3C1
- AEA6A5
- 918A89
- 75706F
- 5A5655
- 413E3D
- 292726
- 131212
- 030202
Sắc xám
- DFD6D4
- D4CCCA
- C9C2C1
- BEB8B7
- B4AFAE
- A9A5A4
- 9F9C9B
- 949292
- 8A8989
Hòa sắc
Bổ túc +180°
- EAE0DE
Milk and Cookies
- DBE5E7
≈ Alpine Blue
Tương đồng -30° +30°
- EAE0DE
Milk and Cookies
- EAE0E2
≈ Misty Morn
- E8E1DB
≈ Spring Wood
Bộ ba +120° +240°
- EAE0DE
Milk and Cookies
- DDE5DF
≈ Illuminating Experience
- E0E2EA
≈ December Dawn
Bổ túc chia +150° +210°
- EAE0DE
Milk and Cookies
- DBE5E3
≈ Airflow
- DCE4EA
≈ Pearl City
Bộ bốn +90° +180° +270°
- EAE0DE
Milk and Cookies
- E1E4DC
≈ Catskill White
- DBE5E7
≈ Alpine Blue
- E4E1E9
≈ Guardian Angel
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.29:1 · APCA Lc 15
Ag
AAATrên nền đen
WCAG 16.21:1 · APCA Lc 89
Màu chữ tốt nhất: #000000
WCAG 16.21:1 (AAA) · APCA Lc 89
Contrast pairs
Đoạn mã
CSS
:root {
--milk-and-cookies: #eae0de;
--milk-and-cookies-rgb: 234 224 222;
--milk-and-cookies-oklch: oklch(0.914 0.011 31.1);
}
.element {
color: var(--milk-and-cookies);
background-color: hsl(10 22% 89%);
border-color: oklch(0.914 0.011 31.1);
}Tailwind CSS v4
@theme {
--color-milk-and-cookies: #eae0de;
--color-milk-and-cookies-50: #f8f4f3;
--color-milk-and-cookies-100: #ebe6e5;
--color-milk-and-cookies-200: #d9d3d1;
--color-milk-and-cookies-300: #bdb5b4;
--color-milk-and-cookies-400: #a59c9a;
--color-milk-and-cookies-500: #8d8482;
--color-milk-and-cookies-600: #786f6e;
--color-milk-and-cookies-700: #605958;
--color-milk-and-cookies-800: #464140;
--color-milk-and-cookies-900: #312d2c;
--color-milk-and-cookies-950: #1d1a19;
}SCSS
$milk-and-cookies: #eae0de;
$milk-and-cookies-rgb: 234, 224, 222;
$milk-and-cookies-light: mix(#fff, $milk-and-cookies, 20%);
$milk-and-cookies-dark: mix(#000, $milk-and-cookies, 20%);
.element {
color: $milk-and-cookies;
box-shadow: 0 0 0 2px rgba($milk-and-cookies, 0.35);
}