Màu có tên gần nhất · #E5DAD7
#E5DAD7
Màu có tên gần nhất: Milk and Cookies
#E5DAD7 (rgb(229 218 215), hsl(13 21% 87%), oklch(0.896 0.013 35.7)) 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.
#E5DAD7
oklch(0.896 0.013 35.7)
Chuyển đổi màu
- HEX
- #e5dad7
- RGB
- rgb(229 218 215)
- HSL
- hsl(13 21% 87%)
- HWB
- hwb(13 84% 10%)
- OKLCH
- oklch(0.896 0.013 35.7)
- OKLab
- oklab(0.896 0.01 0.007)
- CIE Lab
- lab(87.88 3.51 2.9)
- LCH
- lch(87.88 4.56 39.5)
- CMYK
- cmyk(0% 5% 6% 10%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E8DEDB
- EAE1DF
- EDE5E3
- EFE9E7
- F2ECEB
- F5F0EF
- F7F4F3
- FAF8F7
- FCFBFB
Sắc đậm
- C7BDBB
- AAA29F
- 8E8785
- 726C6B
- 585452
- 3F3C3B
- 282525
- 121111
- 030202
Sắc xám
- DAD1CE
- D0C7C5
- C6BEBC
- BBB5B3
- B1ACAA
- A7A3A2
- 9D9A99
- 939191
- 8A8988
Hòa sắc
Bổ túc +180°
- E5DAD7
Milk and Cookies
- D4DFE2
≈ Spa Blue
Tương đồng -30° +30°
- E5DAD7
Milk and Cookies
- E5D9DB
≈ Lavender Bikini
- E3DBD4
≈ Gauzy White
Bộ ba +120° +240°
- E5DAD7
Milk and Cookies
- D6DFD9
≈ Rapier Silver
- DADCE6
≈ Sweet Harbour
Bổ túc chia +150° +210°
- E5DAD7
Milk and Cookies
- D4E0DE
≈ Spring Mist
- D6DEE5
≈ Cautious Blue
Bộ bốn +90° +180° +270°
- E5DAD7
Milk and Cookies
- DBDED5
≈ White Sash
- D4DFE2
≈ Spa Blue
- DFDBE4
≈ Pale Orchid
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.36:1 · APCA Lc 18
Ag
AAATrên nền đen
WCAG 15.34:1 · APCA Lc 86
Màu chữ tốt nhất: #000000
WCAG 15.34:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
CSS
:root {
--milk-and-cookies: #e5dad7;
--milk-and-cookies-rgb: 229 218 215;
--milk-and-cookies-oklch: oklch(0.896 0.013 35.7);
}
.element {
color: var(--milk-and-cookies);
background-color: hsl(13 21% 87%);
border-color: oklch(0.896 0.013 35.7);
}Tailwind CSS v4
@theme {
--color-milk-and-cookies: #e5dad7;
--color-milk-and-cookies-50: #f9f4f2;
--color-milk-and-cookies-100: #ece6e5;
--color-milk-and-cookies-200: #d9d2d0;
--color-milk-and-cookies-300: #beb5b3;
--color-milk-and-cookies-400: #a69c99;
--color-milk-and-cookies-500: #8e8380;
--color-milk-and-cookies-600: #786f6d;
--color-milk-and-cookies-700: #605957;
--color-milk-and-cookies-800: #47413f;
--color-milk-and-cookies-900: #312d2c;
--color-milk-and-cookies-950: #1d1a19;
}SCSS
$milk-and-cookies: #e5dad7;
$milk-and-cookies-rgb: 229, 218, 215;
$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);
}