가장 가까운 이름 색상 · #E4EAE8
#E4EAE8
가장 가까운 이름 색상: Distant Cloud
#E4EAE8(rgb(228 234 232), hsl(160 12% 91%), oklch(0.932 0.007 174.4))와 가장 가까운 이름 색상은 Distant Cloud입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E4EAE8
oklch(0.932 0.007 174.4)
색상 변환
- HEX
- #e4eae8
- RGB
- rgb(228 234 232)
- HSL
- hsl(160 12% 91%)
- HWB
- hwb(160 89% 8%)
- OKLCH
- oklch(0.932 0.007 174.4)
- OKLab
- oklab(0.932 -0.007 0.001)
- CIE Lab
- lab(92.19 -2.34 0.24)
- LCH
- lch(92.19 2.36 174.2)
- CMYK
- cmyk(3% 0% 1% 8%)
틴트 · 셰이드 · 톤
틴트
- E7ECEA
- E9EEED
- ECF0EF
- EFF2F1
- F1F4F3
- F4F7F6
- F7F9F8
- FAFBFA
- FCFDFD
셰이드
- C6CBCA
- A9AEAC
- 8D9190
- 727574
- 585A59
- 3F4140
- 282929
- 121313
- 030303
톤
- DADFDD
- CFD4D2
- C5C9C8
- BBBEBD
- B1B4B3
- A7A9A8
- 9D9F9E
- 939494
- 8A8A8A
색 조화
보색 +180°
- E4EAE8
Distant Cloud
- EDE7E9
≈ November Pink
유사색 -30° +30°
- E4EAE8
Distant Cloud
- E6EAE6
≈ Distant Cloud
- E3EAEB
≈ Plaster Cast
삼각 배색 +120° +240°
- E4EAE8
Distant Cloud
- E8E8ED
≈ Dandelion Floatie
- ECE7E4
≈ Heavenly White
분열 보색 +150° +210°
- E4EAE8
Distant Cloud
- EBE7EB
≈ Dandelion Floatie
- EDE7E6
≈ Flower Girl Dress
사각 배색 +90° +180° +270°
- E4EAE8
Distant Cloud
- E6E8ED
≈ Purple Crystal
- EDE7E9
≈ November Pink
- EBE8E3
≈ Porcelain Mould
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.21:1 · APCA Lc 11
Ag
AAA검은색 위
WCAG 17.23:1 · APCA Lc 93
가장 좋은 글자색: #000000
WCAG 17.23:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--distant-cloud: #e4eae8;
--distant-cloud-rgb: 228 234 232;
--distant-cloud-oklch: oklch(0.932 0.007 174.4);
}
.element {
color: var(--distant-cloud);
background-color: hsl(160 12% 91%);
border-color: oklch(0.932 0.007 174.4);
}Tailwind CSS v4
@theme {
--color-distant-cloud: #e4eae8;
--color-distant-cloud-50: #f3f6f5;
--color-distant-cloud-100: #e5e9e8;
--color-distant-cloud-200: #d1d5d4;
--color-distant-cloud-300: #b4b8b7;
--color-distant-cloud-400: #9aa09e;
--color-distant-cloud-500: #828886;
--color-distant-cloud-600: #6e7371;
--color-distant-cloud-700: #585c5a;
--color-distant-cloud-800: #404342;
--color-distant-cloud-900: #2c2e2e;
--color-distant-cloud-950: #191b1a;
}SCSS
$distant-cloud: #e4eae8;
$distant-cloud-rgb: 228, 234, 232;
$distant-cloud-light: mix(#fff, $distant-cloud, 20%);
$distant-cloud-dark: mix(#000, $distant-cloud, 20%);
.element {
color: $distant-cloud;
box-shadow: 0 0 0 2px rgba($distant-cloud, 0.35);
}