Màu có tên gần nhất · #E8E0E1
#E8E0E1
Màu có tên gần nhất: Milk and Cookies
#E8E0E1 (rgb(232 224 225), hsl(353 15% 89%), oklch(0.913 0.009 8.6)) 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.
#E8E0E1
oklch(0.913 0.009 8.6)
Chuyển đổi màu
- HEX
- #e8e0e1
- RGB
- rgb(232 224 225)
- HSL
- hsl(353 15% 89%)
- HWB
- hwb(353 88% 9%)
- OKLCH
- oklch(0.913 0.009 8.6)
- OKLab
- oklab(0.913 0.009 0.001)
- CIE Lab
- lab(89.84 2.94 0.53)
- LCH
- lch(89.84 2.99 10.2)
- CMYK
- cmyk(0% 3% 3% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EAE3E4
- EDE6E7
- EFE9EA
- F1ECED
- F3EFF0
- F6F3F3
- F8F6F6
- FAF9F9
- FDFCFC
Sắc đậm
- CAC3C4
- ACA6A7
- 908A8B
- 747070
- 595656
- 403E3E
- 292727
- 131212
- 030202
Sắc xám
- DDD6D7
- D2CCCD
- C8C2C3
- BDB8B9
- B3AFAF
- A8A5A6
- 9E9C9C
- 949293
- 8A8989
Hòa sắc
Bổ túc +180°
- E8E0E1
Milk and Cookies
- DCE4E3
≈ Dewdrop
Tương đồng -30° +30°
- E8E0E1
Milk and Cookies
- E7E0E4
≈ Pearl Violet
- E8E0DE
≈ Parasol
Bộ ba +120° +240°
- E8E0E1
Milk and Cookies
- E0E4DD
≈ Catskill White
- DEE3E8
≈ Snow Blanket
Bổ túc chia +150° +210°
- E8E0E1
Milk and Cookies
- DEE4E0
≈ Illuminating Experience
- DCE4E6
≈ Alpine Blue
Bộ bốn +90° +180° +270°
- E8E0E1
Milk and Cookies
- E4E2DC
≈ Wan White
- DCE4E3
≈ Dewdrop
- E1E2E8
≈ Violet White
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.18:1 · APCA Lc 89
Màu chữ tốt nhất: #000000
WCAG 16.18:1 (AAA) · APCA Lc 89
Contrast pairs
Đoạn mã
CSS
:root {
--milk-and-cookies: #e8e0e1;
--milk-and-cookies-rgb: 232 224 225;
--milk-and-cookies-oklch: oklch(0.913 0.009 8.6);
}
.element {
color: var(--milk-and-cookies);
background-color: hsl(353 15% 89%);
border-color: oklch(0.913 0.009 8.6);
}Tailwind CSS v4
@theme {
--color-milk-and-cookies: #e8e0e1;
--color-milk-and-cookies-50: #f8f4f4;
--color-milk-and-cookies-100: #ebe7e7;
--color-milk-and-cookies-200: #d8d3d3;
--color-milk-and-cookies-300: #bcb6b6;
--color-milk-and-cookies-400: #a39c9d;
--color-milk-and-cookies-500: #8c8485;
--color-milk-and-cookies-600: #767070;
--color-milk-and-cookies-700: #5f595a;
--color-milk-and-cookies-800: #454142;
--color-milk-and-cookies-900: #302d2d;
--color-milk-and-cookies-950: #1c1a1a;
}SCSS
$milk-and-cookies: #e8e0e1;
$milk-and-cookies-rgb: 232, 224, 225;
$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);
}