Adlandırılmış renk · #EAE0D4
Moroccan Moonlight
Moroccan Moonlight, #EAE0D4: rgb(234 224 212), hsl(33 34% 87%), oklch(0.911 0.019 72.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Moroccan Moonlight color name →
#EAE0D4
oklch(0.911 0.019 72.6)
Renk dönüşümleri
- HEX
- #eae0d4
- RGB
- rgb(234 224 212)
- HSL
- hsl(33 34% 87%)
- HWB
- hwb(33 83% 8%)
- OKLCH
- oklch(0.911 0.019 72.6)
- OKLab
- oklab(0.911 0.006 0.019)
- CIE Lab
- lab(89.74 2.02 7.18)
- LCH
- lch(89.74 7.46 74.2)
- CMYK
- cmyk(0% 4% 9% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ECE3D8
- EEE6DD
- F0E9E1
- F2ECE5
- F4EFE9
- F7F3EE
- F9F6F2
- FBF9F6
- FDFCFB
Koyu tonlar
- CBC3B8
- AEA69D
- 918A83
- 757069
- 5A5651
- 413E3A
- 292724
- 131210
- 030202
Gri tonlar
- DFD6CB
- D4CCC3
- C9C2BA
- BEB8B2
- B4AFA9
- A9A5A1
- 9F9C98
- 949290
- 8A8988
Renk uyumları
Tamamlayıcı +180°
- EAE0D4
Moroccan Moonlight
- D9E3EF
≈ Iceberg
Analog -30° +30°
- EAE0D4
Moroccan Moonlight
- EEDED8
≈ Apricot Foam
- E4E2D4
≈ Paramount White
Üçlü +120° +240°
- EAE0D4
Moroccan Moonlight
- D4E6E5
≈ Plateau
- E6DEEB
≈ Faint Fuchsia
Bölünmüş tamamlayıcı +150° +210°
- EAE0D4
Moroccan Moonlight
- D5E5EB
≈ Dreamstress
- DFE0EF
≈ Imagination
Dörtlü +90° +180° +270°
- EAE0D4
Moroccan Moonlight
- D7E6DE
≈ Cactus Blossom
- D9E3EF
≈ Iceberg
- ECDDE5
≈ Fairy Tail
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.30:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.11:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.11:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--moroccan-moonlight: #eae0d4;
--moroccan-moonlight-rgb: 234 224 212;
--moroccan-moonlight-oklch: oklch(0.911 0.019 72.6);
}
.element {
color: var(--moroccan-moonlight);
background-color: hsl(33 34% 87%);
border-color: oklch(0.911 0.019 72.6);
}Tailwind CSS v4
@theme {
--color-moroccan-moonlight: #eae0d4;
--color-moroccan-moonlight-50: #f8f4ef;
--color-moroccan-moonlight-100: #ece7e1;
--color-moroccan-moonlight-200: #d9d3cb;
--color-moroccan-moonlight-300: #bdb6ad;
--color-moroccan-moonlight-400: #a69d92;
--color-moroccan-moonlight-500: #8e8478;
--color-moroccan-moonlight-600: #787066;
--color-moroccan-moonlight-700: #605a51;
--color-moroccan-moonlight-800: #47413b;
--color-moroccan-moonlight-900: #312d29;
--color-moroccan-moonlight-950: #1d1a16;
}SCSS
$moroccan-moonlight: #eae0d4;
$moroccan-moonlight-rgb: 234, 224, 212;
$moroccan-moonlight-light: mix(#fff, $moroccan-moonlight, 20%);
$moroccan-moonlight-dark: mix(#000, $moroccan-moonlight, 20%);
.element {
color: $moroccan-moonlight;
box-shadow: 0 0 0 2px rgba($moroccan-moonlight, 0.35);
}