Màu có tên gần nhất · #EEE4E1
#EEE4E1
Màu có tên gần nhất: Milk and Cookies
#EEE4E1 (rgb(238 228 225), hsl(14 28% 91%), oklch(0.926 0.012 37.4)) 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.
#EEE4E1
oklch(0.926 0.012 37.4)
Chuyển đổi màu
- HEX
- #eee4e1
- RGB
- rgb(238 228 225)
- HSL
- hsl(14 28% 91%)
- HWB
- hwb(14 88% 7%)
- OKLCH
- oklch(0.926 0.012 37.4)
- OKLab
- oklab(0.926 0.009 0.007)
- CIE Lab
- lab(91.33 3.13 2.74)
- LCH
- lch(91.33 4.16 41.2)
- CMYK
- cmyk(0% 4% 5% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F0E7E4
- F1E9E7
- F3ECEA
- F5EFED
- F7F1F0
- F8F4F3
- FAF7F6
- FCFAF9
- FDFCFC
Sắc đậm
- CFC6C4
- B1A9A7
- 938D8B
- 777270
- 5C5856
- 423F3E
- 2A2827
- 141212
- 030302
Sắc xám
- E2DAD7
- D7CFCD
- CCC5C3
- C1BBB9
- B5B1AF
- ABA7A6
- A09D9C
- 959393
- 8A8A89
Hòa sắc
Bổ túc +180°
- EEE4E1
Milk and Cookies
- DEE9EC
≈ Sweet Illusion
Tương đồng -30° +30°
- EEE4E1
Milk and Cookies
- EEE3E5
≈ Dulcet Pink
- ECE5DE
≈ Stone Quarry
Bộ ba +120° +240°
- EEE4E1
Milk and Cookies
- E1E9E3
≈ Sea Pearl
- E4E6EE
≈ Ghostly Tuna
Bổ túc chia +150° +210°
- EEE4E1
Milk and Cookies
- DEE9E8
≈ Carefree
- E1E7EE
≈ Genteel Lavender
Bộ bốn +90° +180° +270°
- EEE4E1
Milk and Cookies
- E4E8E0
≈ Poetic Licence
- DEE9EC
≈ Sweet Illusion
- E8E5ED
≈ Iris Isle
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.24:1 · APCA Lc 12
Ag
AAATrên nền đen
WCAG 16.82:1 · APCA Lc 92
Màu chữ tốt nhất: #000000
WCAG 16.82:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--milk-and-cookies: #eee4e1;
--milk-and-cookies-rgb: 238 228 225;
--milk-and-cookies-oklch: oklch(0.926 0.012 37.4);
}
.element {
color: var(--milk-and-cookies);
background-color: hsl(14 28% 91%);
border-color: oklch(0.926 0.012 37.4);
}Tailwind CSS v4
@theme {
--color-milk-and-cookies: #eee4e1;
--color-milk-and-cookies-50: #f8f4f3;
--color-milk-and-cookies-100: #ece7e5;
--color-milk-and-cookies-200: #d9d3d0;
--color-milk-and-cookies-300: #bdb5b3;
--color-milk-and-cookies-400: #a59c9a;
--color-milk-and-cookies-500: #8e8481;
--color-milk-and-cookies-600: #786f6d;
--color-milk-and-cookies-700: #605957;
--color-milk-and-cookies-800: #464140;
--color-milk-and-cookies-900: #312d2c;
--color-milk-and-cookies-950: #1d1a19;
}SCSS
$milk-and-cookies: #eee4e1;
$milk-and-cookies-rgb: 238, 228, 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);
}