Nazwany kolor · #D5E4EC
Ethereal Moonlight
Ethereal Moonlight to #D5E4EC: rgb(213 228 236), hsl(201 38% 88%), oklch(0.91 0.019 230.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Ethereal Moonlight color name →
#D5E4EC
oklch(0.91 0.019 230.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D9E7EE
- DDE9F0
- E2ECF2
- E6EFF4
- EAF1F6
- EEF4F7
- F2F7F9
- F7FAFB
- FBFCFD
Odcienie ciemniejsze
- B9C6CD
- 9EA9AF
- 838D92
- 6A7276
- 51585B
- 3A3F42
- 242829
- 101213
- 020303
Tony
- CCDAE1
- C3CFD5
- BBC5CA
- B2BBBF
- AAB1B5
- A1A7AA
- 999D9F
- 909395
- 888A8A
Harmonie kolorów
Komplementarna +180°
- D5E4EC
Ethereal Moonlight
- EDDED6
≈ Faint Coral
Analogowa -30° +30°
- D5E4EC
Ethereal Moonlight
- D3E5E6
≈ Waterfront
- DAE2EF
≈ Vaguely Violet
Triada +120° +240°
- D5E4EC
Ethereal Moonlight
- ECDCE3
≈ Wishy-Washy Mauve
- E1E3D4
≈ Pale Green Tea
Komplementarna rozszczepiona +150° +210°
- D5E4EC
Ethereal Moonlight
- EEDDDC
≈ St. Nicholas Beard
- E8E0D3
≈ Herare White
Tetrada +90° +180° +270°
- D5E4EC
Ethereal Moonlight
- E7DDE9
≈ Faint Fuchsia
- EDDED6
≈ Faint Coral
- DBE5D9
≈ Mineral White
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.30:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 16.13:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 16.13:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
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);
}