Adlandırılmış renk · #CFC7D5
Moon Goddess
Moon Goddess, #CFC7D5: rgb(207 199 213), hsl(274 14% 81%), oklch(0.84 0.021 311.1). 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 Goddess color name →
#CFC7D5
oklch(0.84 0.021 311.1)
Renk dönüşümleri
- HEX
- #cfc7d5
- RGB
- rgb(207 199 213)
- HSL
- hsl(274 14% 81%)
- HWB
- hwb(274 78% 16%)
- OKLCH
- oklch(0.84 0.021 311.1)
- OKLab
- oklab(0.84 0.014 -0.016)
- CIE Lab
- lab(81.21 4.79 -5.96)
- LCH
- lch(81.21 7.64 308.8)
- CMYK
- cmyk(3% 7% 0% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D4CCD9
- D8D2DD
- DDD8E1
- E2DDE6
- E7E3EA
- ECE8EE
- F0EEF2
- F5F4F7
- FAF9FB
Koyu tonlar
- B4ADB9
- 99939E
- 7F7A83
- 67626A
- 4F4C51
- 38363A
- 232124
- 100E10
- 020202
Gri tonlar
- C7C0CC
- BFB8C3
- B7B1BB
- AFAAB2
- A7A3AA
- 9F9CA1
- 979599
- 8F8E90
- 888788
Renk uyumları
Tamamlayıcı +180°
- CFC7D5
Moon Goddess
- C6CEC0
≈ Gentle Calm
Analog -30° +30°
- CFC7D5
Moon Goddess
- C8C9D9
≈ Daybreak Beckons
- D5C6CF
≈ Rosy Lavender
Üçlü +120° +240°
- CFC7D5
Moon Goddess
- D4C9BC
≈ Understated
- BCCFCE
≈ Babbling Brook
Bölünmüş tamamlayıcı +150° +210°
- CFC7D5
Moon Goddess
- CDCBBC
≈ Metallic Mist
- BFCFC6
≈ Azul Tequila
Dörtlü +90° +180° +270°
- CFC7D5
Moon Goddess
- D7C6C0
≈ Ancestral Haze
- C6CEC0
≈ Gentle Calm
- BCCED4
≈ Shhh…
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.64:1 · APCA Lc 29
Ag
AAASiyah üzerinde
WCAG 12.78:1 · APCA Lc 74
En iyi metin rengi: #000000
WCAG 12.78:1 (AAA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--moon-goddess: #cfc7d5;
--moon-goddess-rgb: 207 199 213;
--moon-goddess-oklch: oklch(0.84 0.021 311.1);
}
.element {
color: var(--moon-goddess);
background-color: hsl(274 14% 81%);
border-color: oklch(0.84 0.021 311.1);
}Tailwind CSS v4
@theme {
--color-moon-goddess: #cfc7d5;
--color-moon-goddess-50: #f7f3f9;
--color-moon-goddess-100: #eae6ed;
--color-moon-goddess-200: #d7d2db;
--color-moon-goddess-300: #bbb4bf;
--color-moon-goddess-400: #a29ba8;
--color-moon-goddess-500: #8b8291;
--color-moon-goddess-600: #756e7a;
--color-moon-goddess-700: #5e5862;
--color-moon-goddess-800: #444048;
--color-moon-goddess-900: #2f2c32;
--color-moon-goddess-950: #1c191e;
}SCSS
$moon-goddess: #cfc7d5;
$moon-goddess-rgb: 207, 199, 213;
$moon-goddess-light: mix(#fff, $moon-goddess, 20%);
$moon-goddess-dark: mix(#000, $moon-goddess, 20%);
.element {
color: $moon-goddess;
box-shadow: 0 0 0 2px rgba($moon-goddess, 0.35);
}