Màu có tên gần nhất · #ECE5E5
#ECE5E5
Màu có tên gần nhất: Milk and Cookies
#ECE5E5 (rgb(236 229 229), hsl(0 16% 91%), oklch(0.927 0.008 17.3)) 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.
#ECE5E5
oklch(0.927 0.008 17.3)
Chuyển đổi màu
- HEX
- #ece5e5
- RGB
- rgb(236 229 229)
- HSL
- hsl(0 16% 91%)
- HWB
- hwb(0 90% 7%)
- OKLCH
- oklch(0.927 0.008 17.3)
- OKLab
- oklab(0.927 0.007 0.002)
- CIE Lab
- lab(91.5 2.45 0.89)
- LCH
- lch(91.5 2.61 19.9)
- CMYK
- cmyk(0% 3% 3% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EEE8E8
- F0EAEA
- F2EDED
- F4EFEF
- F5F2F2
- F7F5F5
- F9F7F7
- FBFAFA
- FDFCFC
Sắc đậm
- CDC7C7
- AFAAAA
- 928E8E
- 767272
- 5B5858
- 423F3F
- 292828
- 131212
- 030303
Sắc xám
- E1DADA
- D5D0D0
- CAC6C6
- BFBBBB
- B5B1B1
- AAA7A7
- 9F9D9D
- 959393
- 8A8A8A
Hòa sắc
Bổ túc +180°
- ECE5E5
Milk and Cookies
- E1E9E9
≈ Evening Mist
Tương đồng -30° +30°
- ECE5E5
Milk and Cookies
- EBE5E8
≈ Lavender Pearl
- ECE6E3
≈ Aimee
Bộ ba +120° +240°
- ECE5E5
Milk and Cookies
- E5E8E3
≈ Coastal Fog
- E4E7EC
≈ Little Dipper
Bổ túc chia +150° +210°
- ECE5E5
Milk and Cookies
- E2E9E6
≈ Clear View
- E2E8EB
≈ Sweet Illusion
Bộ bốn +90° +180° +270°
- ECE5E5
Milk and Cookies
- E7E7E2
≈ Arctic Fox
- E1E9E9
≈ Evening Mist
- E6E6EC
≈ Cool Frost
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.90:1 · APCA Lc 92
Màu chữ tốt nhất: #000000
WCAG 16.90:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--milk-and-cookies: #ece5e5;
--milk-and-cookies-rgb: 236 229 229;
--milk-and-cookies-oklch: oklch(0.927 0.008 17.3);
}
.element {
color: var(--milk-and-cookies);
background-color: hsl(0 16% 91%);
border-color: oklch(0.927 0.008 17.3);
}Tailwind CSS v4
@theme {
--color-milk-and-cookies: #ece5e5;
--color-milk-and-cookies-50: #f7f4f4;
--color-milk-and-cookies-100: #eae7e7;
--color-milk-and-cookies-200: #d7d3d3;
--color-milk-and-cookies-300: #bbb6b6;
--color-milk-and-cookies-400: #a39d9d;
--color-milk-and-cookies-500: #8b8484;
--color-milk-and-cookies-600: #767070;
--color-milk-and-cookies-700: #5e5959;
--color-milk-and-cookies-800: #454141;
--color-milk-and-cookies-900: #302d2d;
--color-milk-and-cookies-950: #1c1a1a;
}SCSS
$milk-and-cookies: #ece5e5;
$milk-and-cookies-rgb: 236, 229, 229;
$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);
}