Colore con nome · #555570
Majestic Magic
Majestic Magic è #555570: rgb(85 85 112), hsl(240 14% 39%), oklch(0.46 0.044 284.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Majestic Magic color name →
#555570
oklch(0.46 0.044 284.6)
Conversioni di colore
- HEX
- #555570
- RGB
- rgb(85 85 112)
- HSL
- hsl(240 14% 39%)
- HWB
- hwb(240 33% 56%)
- OKLCH
- oklch(0.46 0.044 284.6)
- OKLab
- oklab(0.46 0.011 -0.042)
- CIE Lab
- lab(36.96 4.89 -15.53)
- LCH
- lch(36.96 16.28 287.5)
- CMYK
- cmyk(24% 24% 0% 56%)
Tinte · Ombre · Toni
Tinte
- 64657E
- 74748B
- 848599
- 9595A7
- A6A6B5
- B7B7C4
- C9C9D2
- DADBE1
- EDEDF0
Ombre
- 494960
- 3D3D51
- 313143
- 262635
- 1C1C27
- 11111A
- 08080E
- 020204
- 000001
Toni
- 595972
- 5D5D73
- 616275
- 666677
- 6A6A78
- 6E6F7A
- 73737C
- 77777D
- 7C7C7F
Armonie di colore
Complementare +180°
- 555570
Majestic Magic
- 5C5A3D
≈ Tuscan Olive
Analogo -30° +30°
- 555570
Majestic Magic
- 485A70
≈ Bluster Blue
- 615169
≈ Blackberry Farm
Triadico +120° +240°
- 555570
Majestic Magic
- 6D5144
≈ Calthan Brown
- 416052
≈ Tropical Foliage
Complementare divisa +150° +210°
- 555570
Majestic Magic
- 67553D
≈ Protégé Bronze
- 4E5E45
≈ Bavarian
Tetradico +90° +180° +270°
- 555570
Majestic Magic
- 6E4E50
≈ Marron
- 5C5A3D
≈ Tuscan Olive
- 3A605F
≈ Rosemary
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.19:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.91:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.19:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--majestic-magic: #555570;
--majestic-magic-rgb: 85 85 112;
--majestic-magic-oklch: oklch(0.46 0.044 284.6);
}
.element {
color: var(--majestic-magic);
background-color: hsl(240 14% 39%);
border-color: oklch(0.46 0.044 284.6);
}Tailwind CSS v4
@theme {
--color-majestic-magic: #555570;
--color-majestic-magic-50: #f4f4ff;
--color-majestic-magic-100: #e6e6f6;
--color-majestic-magic-200: #d2d2e7;
--color-majestic-magic-300: #b5b5cd;
--color-majestic-magic-400: #9b9bb8;
--color-majestic-magic-500: #8283a3;
--color-majestic-magic-600: #6e6f89;
--color-majestic-magic-700: #58586e;
--color-majestic-magic-800: #404151;
--color-majestic-magic-900: #2c2d39;
--color-majestic-magic-950: #191a23;
}SCSS
$majestic-magic: #555570;
$majestic-magic-rgb: 85, 85, 112;
$majestic-magic-light: mix(#fff, $majestic-magic, 20%);
$majestic-magic-dark: mix(#000, $majestic-magic, 20%);
.element {
color: $majestic-magic;
box-shadow: 0 0 0 2px rgba($majestic-magic, 0.35);
}