Colore con nome · #9093AD
Monarchy
Monarchy è #9093AD: rgb(144 147 173), hsl(234 15% 62%), oklch(0.67 0.038 280.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Monarchy color name →
#9093AD
oklch(0.67 0.038 280.1)
Conversioni di colore
- HEX
- #9093ad
- RGB
- rgb(144 147 173)
- HSL
- hsl(234 15% 62%)
- HWB
- hwb(234 56% 32%)
- OKLCH
- oklch(0.67 0.038 280.1)
- OKLab
- oklab(0.67 0.007 -0.038)
- CIE Lab
- lab(61.36 3.01 -14.08)
- LCH
- lch(61.36 14.39 282.1)
- CMYK
- cmyk(17% 15% 0% 32%)
Tinte · Ombre · Toni
Tinte
- 9B9DB5
- A5A8BD
- B0B2C5
- BBBDCD
- C6C8D6
- D1D3DE
- DCDEE6
- E8E9EE
- F3F4F7
Ombre
- 7D7F96
- 6A6C7F
- 57596A
- 454755
- 343641
- 24252D
- 15161B
- 07080B
- 010101
Toni
- 8E91A8
- 8D8FA4
- 8B8D9F
- 8A8B9B
- 888A96
- 868892
- 85868D
- 838489
- 828284
Armonie di colore
Complementare +180°
- 9093AD
Monarchy
- 9A967B
≈ Shortgrass Prairie
Analogo -30° +30°
- 9093AD
Monarchy
- 8497AC
≈ Norwegian Night
- 9C8FA7
≈ Smoky Grape
Triadico +120° +240°
- 9093AD
Monarchy
- AB8E84
≈ Hollow Brown
- 819D8D
≈ Seiji Green
Complementare divisa +150° +210°
- 9093AD
Monarchy
- A5917C
≈ Farmyard
- 8D9A82
≈ Linden Spear
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.01:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.96:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 6.96:1 (AA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--monarchy: #9093ad;
--monarchy-rgb: 144 147 173;
--monarchy-oklch: oklch(0.67 0.038 280.1);
}
.element {
color: var(--monarchy);
background-color: hsl(234 15% 62%);
border-color: oklch(0.67 0.038 280.1);
}Tailwind CSS v4
@theme {
--color-monarchy: #9093ad;
--color-monarchy-50: #f3f4ff;
--color-monarchy-100: #e5e7f5;
--color-monarchy-200: #d1d3e5;
--color-monarchy-300: #b4b5cb;
--color-monarchy-400: #999cb5;
--color-monarchy-500: #8184a0;
--color-monarchy-600: #6d7087;
--color-monarchy-700: #57596c;
--color-monarchy-800: #3f4150;
--color-monarchy-900: #2b2d38;
--color-monarchy-950: #191a22;
}SCSS
$monarchy: #9093ad;
$monarchy-rgb: 144, 147, 173;
$monarchy-light: mix(#fff, $monarchy, 20%);
$monarchy-dark: mix(#000, $monarchy, 20%);
.element {
color: $monarchy;
box-shadow: 0 0 0 2px rgba($monarchy, 0.35);
}