가장 가까운 이름 색상 · #ECE5E4
#ECE5E4
가장 가까운 이름 색상: Milk and Cookies
#ECE5E4(rgb(236 229 228), hsl(7 17% 91%), oklch(0.927 0.008 27.2))와 가장 가까운 이름 색상은 Milk and Cookies입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#ECE5E4
oklch(0.927 0.008 27.2)
색상 변환
- HEX
- #ece5e4
- RGB
- rgb(236 229 228)
- HSL
- hsl(7 17% 91%)
- HWB
- hwb(7 89% 7%)
- OKLCH
- oklch(0.927 0.008 27.2)
- OKLab
- oklab(0.927 0.007 0.004)
- CIE Lab
- lab(91.48 2.32 1.37)
- LCH
- lch(91.48 2.7 30.6)
- CMYK
- cmyk(0% 3% 3% 7%)
틴트 · 셰이드 · 톤
틴트
- EEE8E7
- F0EAE9
- F2EDEC
- F4EFEF
- F5F2F1
- F7F5F4
- F9F7F7
- FBFAFA
- FDFCFC
셰이드
- CDC7C6
- AFAAA9
- 928E8D
- 767272
- 5B5858
- 423F3F
- 292828
- 131212
- 030303
톤
- E1DADA
- D5D0CF
- CAC6C5
- BFBBBB
- B5B1B1
- AAA7A7
- 9F9D9D
- 959393
- 8A8A8A
색 조화
보색 +180°
- ECE5E4
Milk and Cookies
- E1E8E9
≈ White Lake
유사색 -30° +30°
- ECE5E4
Milk and Cookies
- ECE5E7
≈ Lavender Pearl
- EBE6E2
≈ Soft Violet
삼각 배색 +120° +240°
- ECE5E4
Milk and Cookies
- E4E8E4
≈ Coastal Fog
- E4E7EC
≈ Little Dipper
분열 보색 +150° +210°
- ECE5E4
Milk and Cookies
- E2E9E7
≈ Evening Mist
- E2E8EB
≈ Sweet Illusion
사각 배색 +90° +180° +270°
- ECE5E4
Milk and Cookies
- E6E8E2
≈ Wedding Cake White
- E1E8E9
≈ White Lake
- E7E6EC
≈ Cool Frost
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.24:1 · APCA Lc 12
Ag
AAA검은색 위
WCAG 16.89:1 · APCA Lc 92
가장 좋은 글자색: #000000
WCAG 16.89:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--milk-and-cookies: #ece5e4;
--milk-and-cookies-rgb: 236 229 228;
--milk-and-cookies-oklch: oklch(0.927 0.008 27.2);
}
.element {
color: var(--milk-and-cookies);
background-color: hsl(7 17% 91%);
border-color: oklch(0.927 0.008 27.2);
}Tailwind CSS v4
@theme {
--color-milk-and-cookies: #ece5e4;
--color-milk-and-cookies-50: #f7f4f4;
--color-milk-and-cookies-100: #eae7e6;
--color-milk-and-cookies-200: #d7d3d2;
--color-milk-and-cookies-300: #bbb6b5;
--color-milk-and-cookies-400: #a39d9c;
--color-milk-and-cookies-500: #8b8483;
--color-milk-and-cookies-600: #76706f;
--color-milk-and-cookies-700: #5e5a59;
--color-milk-and-cookies-800: #454141;
--color-milk-and-cookies-900: #302d2d;
--color-milk-and-cookies-950: #1c1a1a;
}SCSS
$milk-and-cookies: #ece5e4;
$milk-and-cookies-rgb: 236, 229, 228;
$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);
}