Adlandırılmış renk · #DDD5C9
Moon Drop
Moon Drop, #DDD5C9: rgb(221 213 201), hsl(36 23% 83%), oklch(0.876 0.019 78.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Moon Drop color name →
#DDD5C9
oklch(0.876 0.019 78.2)
Renk dönüşümleri
- HEX
- #ddd5c9
- RGB
- rgb(221 213 201)
- HSL
- hsl(36 23% 83%)
- HWB
- hwb(36 79% 13%)
- OKLCH
- oklch(0.876 0.019 78.2)
- OKLab
- oklab(0.876 0.004 0.018)
- CIE Lab
- lab(85.67 1.32 6.98)
- LCH
- lch(85.67 7.11 79.3)
- CMYK
- cmyk(0% 4% 9% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E0D9CE
- E4DDD4
- E7E1D9
- EBE6DE
- EEEAE4
- F1EEE9
- F5F2EF
- F8F7F4
- FCFBFA
Koyu tonlar
- C0B9AE
- A49E95
- 88837C
- 6E6A64
- 55514C
- 3D3A36
- 262422
- 11100F
- 020202
Gri tonlar
- D3CCC1
- CAC3BA
- C0BBB3
- B7B2AB
- ADAAA4
- A4A19D
- 9B9995
- 92908E
- 898887
Renk uyumları
Tamamlayıcı +180°
- DDD5C9
Moon Drop
- CFD7E3
≈ Monet Lily
Analog -30° +30°
- DDD5C9
Moon Drop
- E1D3CC
≈ Vision of Light
- D7D7CA
≈ Light Livingstone
Üçlü +120° +240°
- DDD5C9
Moon Drop
- C9DADB
≈ Cosmic Ray
- DBD3DE
≈ Timid Violet
Bölünmüş tamamlayıcı +150° +210°
- DDD5C9
Moon Drop
- CAD9E0
≈ Moonmist
- D5D5E2
≈ Purple Veil
Dörtlü +90° +180° +270°
- DDD5C9
Moon Drop
- CBDAD4
≈ Sea Haze Grey
- CFD7E3
≈ Monet Lily
- E0D2D8
≈ Secret Blush
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.45:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.43:1 · APCA Lc 82
En iyi metin rengi: #000000
WCAG 14.43:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--moon-drop: #ddd5c9;
--moon-drop-rgb: 221 213 201;
--moon-drop-oklch: oklch(0.876 0.019 78.2);
}
.element {
color: var(--moon-drop);
background-color: hsl(36 23% 83%);
border-color: oklch(0.876 0.019 78.2);
}Tailwind CSS v4
@theme {
--color-moon-drop: #ddd5c9;
--color-moon-drop-50: #f8f5ef;
--color-moon-drop-100: #ebe7e1;
--color-moon-drop-200: #d8d3cc;
--color-moon-drop-300: #bcb7ad;
--color-moon-drop-400: #a59d93;
--color-moon-drop-500: #8d8579;
--color-moon-drop-600: #777166;
--color-moon-drop-700: #5f5a52;
--color-moon-drop-800: #46423b;
--color-moon-drop-900: #312d29;
--color-moon-drop-950: #1d1a17;
}SCSS
$moon-drop: #ddd5c9;
$moon-drop-rgb: 221, 213, 201;
$moon-drop-light: mix(#fff, $moon-drop, 20%);
$moon-drop-dark: mix(#000, $moon-drop, 20%);
.element {
color: $moon-drop;
box-shadow: 0 0 0 2px rgba($moon-drop, 0.35);
}