Adlandırılmış renk · #4E468B
Moonlight Sonata
Moonlight Sonata, #4E468B: rgb(78 70 139), hsl(247 33% 41%), oklch(0.437 0.111 286.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Moonlight Sonata color name →
#4E468B
oklch(0.437 0.111 286.2)
Renk dönüşümleri
- HEX
- #4e468b
- RGB
- rgb(78 70 139)
- HSL
- hsl(247 33% 41%)
- HWB
- hwb(247 27% 45%)
- OKLCH
- oklch(0.437 0.111 286.2)
- OKLab
- oklab(0.437 0.031 -0.106)
- CIE Lab
- lab(33.24 17.65 -37.98)
- LCH
- lch(33.24 41.88 294.9)
- CMYK
- cmyk(44% 50% 0% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5D5897
- 6D69A3
- 7E7BAF
- 8F8DBA
- A1A0C6
- B3B2D1
- C5C5DD
- D8D8E8
- EBEBF4
Koyu tonlar
- 433C78
- 383266
- 2D2854
- 231E43
- 191532
- 0F0D23
- 070514
- 020207
- 000001
Gri tonlar
- 524C8A
- 57528A
- 5C5889
- 615E88
- 656487
- 6B6A86
- 706F85
- 757583
- 7B7A82
Renk uyumları
Tamamlayıcı +180°
- 4E468B
Moonlight Sonata
- 595400
≈ Douro
Analog -30° +30°
- 4E468B
Moonlight Sonata
- 24528D
≈ Vegeta Blue
- 693C7A
≈ Dark Pansy
Üçlü +120° +240°
- 4E468B
Moonlight Sonata
- 813A11
≈ Red Beech
- 006146
≈ Green Paw Paw
Bölünmüş tamamlayıcı +150° +210°
- 4E468B
Moonlight Sonata
- 6E4900
≈ Antique Bronze
- 335F19
≈ Bright Nori
Dörtlü +90° +180° +270°
- 4E468B
Moonlight Sonata
- 84333C
≈ Blood Oath
- 595400
≈ Douro
- 005E5F
≈ Sandhill Crane
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.16:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.57:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.16:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--moonlight-sonata: #4e468b;
--moonlight-sonata-rgb: 78 70 139;
--moonlight-sonata-oklch: oklch(0.437 0.111 286.2);
}
.element {
color: var(--moonlight-sonata);
background-color: hsl(247 33% 41%);
border-color: oklch(0.437 0.111 286.2);
}Tailwind CSS v4
@theme {
--color-moonlight-sonata: #4e468b;
--color-moonlight-sonata-50: #f3f1ff;
--color-moonlight-sonata-100: #e5e3ff;
--color-moonlight-sonata-200: #d1cdff;
--color-moonlight-sonata-300: #b4afed;
--color-moonlight-sonata-400: #9994dd;
--color-moonlight-sonata-500: #817acc;
--color-moonlight-sonata-600: #6d67ac;
--color-moonlight-sonata-700: #57538a;
--color-moonlight-sonata-800: #3e3c67;
--color-moonlight-sonata-900: #2b2a48;
--color-moonlight-sonata-950: #18172f;
}SCSS
$moonlight-sonata: #4e468b;
$moonlight-sonata-rgb: 78, 70, 139;
$moonlight-sonata-light: mix(#fff, $moonlight-sonata, 20%);
$moonlight-sonata-dark: mix(#000, $moonlight-sonata, 20%);
.element {
color: $moonlight-sonata;
box-shadow: 0 0 0 2px rgba($moonlight-sonata, 0.35);
}