가장 가까운 이름 색상 · #ECE5E5
#ECE5E5
가장 가까운 이름 색상: Milk and Cookies
#ECE5E5(rgb(236 229 229), hsl(0 16% 91%), oklch(0.927 0.008 17.3))와 가장 가까운 이름 색상은 Milk and Cookies입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#ECE5E5
oklch(0.927 0.008 17.3)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- EEE8E8
- F0EAEA
- F2EDED
- F4EFEF
- F5F2F2
- F7F5F5
- F9F7F7
- FBFAFA
- FDFCFC
셰이드
- CDC7C7
- AFAAAA
- 928E8E
- 767272
- 5B5858
- 423F3F
- 292828
- 131212
- 030303
톤
- E1DADA
- D5D0D0
- CAC6C6
- BFBBBB
- B5B1B1
- AAA7A7
- 9F9D9D
- 959393
- 8A8A8A
색 조화
보색 +180°
- ECE5E5
Milk and Cookies
- E1E9E9
≈ Evening Mist
유사색 -30° +30°
- ECE5E5
Milk and Cookies
- EBE5E8
≈ Lavender Pearl
- ECE6E3
≈ Aimee
삼각 배색 +120° +240°
- ECE5E5
Milk and Cookies
- E5E8E3
≈ Coastal Fog
- E4E7EC
≈ Little Dipper
분열 보색 +150° +210°
- ECE5E5
Milk and Cookies
- E2E9E6
≈ Clear View
- E2E8EB
≈ Sweet Illusion
사각 배색 +90° +180° +270°
- ECE5E5
Milk and Cookies
- E7E7E2
≈ Arctic Fox
- E1E9E9
≈ Evening Mist
- E6E6EC
≈ Cool Frost
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.24:1 · APCA Lc 12
Ag
AAA검은색 위
WCAG 16.90:1 · APCA Lc 92
가장 좋은 글자색: #000000
WCAG 16.90:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
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);
}