Adlandırılmış renk · #545883
Mauve Dusk
Mauve Dusk, #545883: rgb(84 88 131), hsl(235 22% 42%), oklch(0.475 0.069 279.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Mauve Dusk color name →
#545883
oklch(0.475 0.069 279.3)
Renk dönüşümleri
- HEX
- #545883
- RGB
- rgb(84 88 131)
- HSL
- hsl(235 22% 42%)
- HWB
- hwb(235 33% 49%)
- OKLCH
- oklch(0.475 0.069 279.3)
- OKLab
- oklab(0.475 0.011 -0.069)
- CIE Lab
- lab(38.45 6.83 -24.88)
- LCH
- lch(38.45 25.8 285.4)
- CMYK
- cmyk(36% 33% 0% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 63688F
- 73779B
- 8387A8
- 9498B4
- A5A8C0
- B6B9CD
- C8CAD9
- DADCE6
- ECEDF2
Koyu tonlar
- 484B71
- 3C3F60
- 31334F
- 26283F
- 1B1D2F
- 111220
- 080912
- 020306
- 000001
Gri tonlar
- 585C83
- 5C6083
- 616483
- 656883
- 696C82
- 6E7082
- 727482
- 777881
- 7B7C81
Renk uyumları
Tamamlayıcı +180°
- 545883
Mauve Dusk
- 665D2C
≈ Bean Green
Analog -30° +30°
- 545883
Mauve Dusk
- 3C5F82
≈ Atlantic Schooner
- 68517A
≈ Exotic Purple
Üçlü +120° +240°
- 545883
Mauve Dusk
- 7E4E3E
≈ Nougat Brown
- 36684E
≈ Spirulina
Bölünmüş tamamlayıcı +150° +210°
- 545883
Mauve Dusk
- 76552E
≈ Arable Brown
- 506439
≈ Garden Green
Dörtlü +90° +180° +270°
- 545883
Mauve Dusk
- 7E4B54
≈ Parauri Brown
- 665D2C
≈ Bean Green
- 226964
≈ Galapagos Green
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.77:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.10:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.77:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--mauve-dusk: #545883;
--mauve-dusk-rgb: 84 88 131;
--mauve-dusk-oklch: oklch(0.475 0.069 279.3);
}
.element {
color: var(--mauve-dusk);
background-color: hsl(235 22% 42%);
border-color: oklch(0.475 0.069 279.3);
}Tailwind CSS v4
@theme {
--color-mauve-dusk: #545883;
--color-mauve-dusk-50: #f1f3ff;
--color-mauve-dusk-100: #e3e6ff;
--color-mauve-dusk-200: #ced1f2;
--color-mauve-dusk-300: #b1b4db;
--color-mauve-dusk-400: #959bc7;
--color-mauve-dusk-500: #7c81b4;
--color-mauve-dusk-600: #696e98;
--color-mauve-dusk-700: #54587a;
--color-mauve-dusk-800: #3c405a;
--color-mauve-dusk-900: #292c3f;
--color-mauve-dusk-950: #171928;
}SCSS
$mauve-dusk: #545883;
$mauve-dusk-rgb: 84, 88, 131;
$mauve-dusk-light: mix(#fff, $mauve-dusk, 20%);
$mauve-dusk-dark: mix(#000, $mauve-dusk, 20%);
.element {
color: $mauve-dusk;
box-shadow: 0 0 0 2px rgba($mauve-dusk, 0.35);
}