이름 색상 · #D5E4EC
Ethereal Moonlight
Ethereal Moonlight은(는) #D5E4EC: rgb(213 228 236), hsl(201 38% 88%), oklch(0.91 0.019 230.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Ethereal Moonlight color name →
#D5E4EC
oklch(0.91 0.019 230.7)
색상 변환
- HEX
- #d5e4ec
- RGB
- rgb(213 228 236)
- HSL
- hsl(201 38% 88%)
- HWB
- hwb(201 84% 7%)
- OKLCH
- oklch(0.91 0.019 230.7)
- OKLab
- oklab(0.91 -0.012 -0.015)
- CIE Lab
- lab(89.63 -4.02 -5.72)
- LCH
- lch(89.63 6.99 234.9)
- CMYK
- cmyk(10% 3% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- D9E7EE
- DDE9F0
- E2ECF2
- E6EFF4
- EAF1F6
- EEF4F7
- F2F7F9
- F7FAFB
- FBFCFD
셰이드
- B9C6CD
- 9EA9AF
- 838D92
- 6A7276
- 51585B
- 3A3F42
- 242829
- 101213
- 020303
톤
- CCDAE1
- C3CFD5
- BBC5CA
- B2BBBF
- AAB1B5
- A1A7AA
- 999D9F
- 909395
- 888A8A
색 조화
보색 +180°
- D5E4EC
Ethereal Moonlight
- EDDED6
≈ Faint Coral
유사색 -30° +30°
- D5E4EC
Ethereal Moonlight
- D3E5E6
≈ Waterfront
- DAE2EF
≈ Vaguely Violet
삼각 배색 +120° +240°
- D5E4EC
Ethereal Moonlight
- ECDCE3
≈ Wishy-Washy Mauve
- E1E3D4
≈ Pale Green Tea
분열 보색 +150° +210°
- D5E4EC
Ethereal Moonlight
- EEDDDC
≈ St. Nicholas Beard
- E8E0D3
≈ Herare White
사각 배색 +90° +180° +270°
- D5E4EC
Ethereal Moonlight
- E7DDE9
≈ Faint Fuchsia
- EDDED6
≈ Faint Coral
- DBE5D9
≈ Mineral White
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.30:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.13:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.13:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--ethereal-moonlight: #d5e4ec;
--ethereal-moonlight-rgb: 213 228 236;
--ethereal-moonlight-oklch: oklch(0.91 0.019 230.7);
}
.element {
color: var(--ethereal-moonlight);
background-color: hsl(201 38% 88%);
border-color: oklch(0.91 0.019 230.7);
}Tailwind CSS v4
@theme {
--color-ethereal-moonlight: #d5e4ec;
--color-ethereal-moonlight-50: #f0f6fa;
--color-ethereal-moonlight-100: #e2e9ed;
--color-ethereal-moonlight-200: #ccd6db;
--color-ethereal-moonlight-300: #aeb9c0;
--color-ethereal-moonlight-400: #93a1a8;
--color-ethereal-moonlight-500: #7a8991;
--color-ethereal-moonlight-600: #67747b;
--color-ethereal-moonlight-700: #525d62;
--color-ethereal-moonlight-800: #3c4448;
--color-ethereal-moonlight-900: #292f32;
--color-ethereal-moonlight-950: #171b1e;
}SCSS
$ethereal-moonlight: #d5e4ec;
$ethereal-moonlight-rgb: 213, 228, 236;
$ethereal-moonlight-light: mix(#fff, $ethereal-moonlight, 20%);
$ethereal-moonlight-dark: mix(#000, $ethereal-moonlight, 20%);
.element {
color: $ethereal-moonlight;
box-shadow: 0 0 0 2px rgba($ethereal-moonlight, 0.35);
}