가장 가까운 이름 색상 · #ECE9EC
#ECE9EC
가장 가까운 이름 색상: Sheikh White
#ECE9EC(rgb(236 233 236), hsl(300 7% 92%), oklch(0.937 0.005 325.6))와 가장 가까운 이름 색상은 Sheikh White입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#ECE9EC
oklch(0.937 0.005 325.6)
색상 변환
- HEX
- #ece9ec
- RGB
- rgb(236 233 236)
- HSL
- hsl(300 7% 92%)
- HWB
- hwb(300 91% 7%)
- OKLCH
- oklch(0.937 0.005 325.6)
- OKLab
- oklab(0.937 0.004 -0.003)
- CIE Lab
- lab(92.65 1.44 -1.08)
- LCH
- lch(92.65 1.8 323)
- CMYK
- cmyk(0% 1% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- EEEBEE
- F0EDF0
- F2F0F2
- F4F2F4
- F5F4F5
- F7F6F7
- F9F8F9
- FBFBFB
- FDFDFD
셰이드
- CDCBCD
- AFADAF
- 929092
- 767476
- 5B5A5B
- 424142
- 292929
- 131313
- 030303
톤
- E1DEE1
- D5D3D5
- CAC8CA
- BFBEBF
- B4B3B4
- AAA9AA
- 9F9E9F
- 959495
- 8A8A8A
색 조화
보색 +180°
- ECE9EC
Sheikh White
- E8EBE8
≈ Windy Sky
유사색 -30° +30°
- ECE9EC
Sheikh White
- EAE9ED
≈ Dried Lavender
- EDE9EA
≈ Poplar Kitten
삼각 배색 +120° +240°
- ECE9EC
Sheikh White
- ECEAE6
≈ Chalk
- E6EBEC
≈ Blizzard
분열 보색 +150° +210°
- ECE9EC
Sheikh White
- EAEBE7
≈ Ceiling Bright White
- E7EBEA
≈ Superwhite
사각 배색 +90° +180° +270°
- ECE9EC
Sheikh White
- EDE9E7
≈ Timeless Day
- E8EBE8
≈ Windy Sky
- E7EBED
≈ Blizzard
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.20:1 · APCA Lc 10
Ag
AAA검은색 위
WCAG 17.43:1 · APCA Lc 94
가장 좋은 글자색: #000000
WCAG 17.43:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--sheikh-white: #ece9ec;
--sheikh-white-rgb: 236 233 236;
--sheikh-white-oklch: oklch(0.937 0.005 325.6);
}
.element {
color: var(--sheikh-white);
background-color: hsl(300 7% 92%);
border-color: oklch(0.937 0.005 325.6);
}Tailwind CSS v4
@theme {
--color-sheikh-white: #ece9ec;
--color-sheikh-white-50: #f6f4f6;
--color-sheikh-white-100: #e9e7e9;
--color-sheikh-white-200: #d5d3d5;
--color-sheikh-white-300: #b9b6b9;
--color-sheikh-white-400: #a09da0;
--color-sheikh-white-500: #888588;
--color-sheikh-white-600: #737173;
--color-sheikh-white-700: #5c5a5c;
--color-sheikh-white-800: #434243;
--color-sheikh-white-900: #2e2d2e;
--color-sheikh-white-950: #1b1a1b;
}SCSS
$sheikh-white: #ece9ec;
$sheikh-white-rgb: 236, 233, 236;
$sheikh-white-light: mix(#fff, $sheikh-white, 20%);
$sheikh-white-dark: mix(#000, $sheikh-white, 20%);
.element {
color: $sheikh-white;
box-shadow: 0 0 0 2px rgba($sheikh-white, 0.35);
}