Colore con nome · #A598A0
Mystique
Mystique è #A598A0: rgb(165 152 160), hsl(323 7% 62%), oklch(0.693 0.019 340.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Mystique color name →
#A598A0
oklch(0.693 0.019 340.1)
Conversioni di colore
- HEX
- #a598a0
- RGB
- rgb(165 152 160)
- HSL
- hsl(323 7% 62%)
- HWB
- hwb(323 60% 35%)
- OKLCH
- oklch(0.693 0.019 340.1)
- OKLab
- oklab(0.693 0.018 -0.006)
- CIE Lab
- lab(64.17 6.04 -2.39)
- LCH
- lch(64.17 6.49 338.4)
- CMYK
- cmyk(0% 8% 3% 35%)
Tinte · Ombre · Toni
Tinte
- AEA2A9
- B6ACB2
- BFB6BC
- C8C0C5
- D1CACE
- DAD5D8
- E3DFE2
- ECEAEB
- F6F4F5
Ombre
- 8F848B
- 797076
- 655C61
- 514A4E
- 3D383B
- 2B2729
- 1A1719
- 0A0809
- 010101
Toni
- A1969D
- 9E939A
- 9A9196
- 968E93
- 928C90
- 8F8A8D
- 8B8789
- 878586
- 848283
Armonie di colore
Complementare +180°
- A598A0
Mystique
- 93A098
≈ Verdant Retreat
Analogo -30° +30°
- A598A0
Mystique
- A099A5
≈ Lavender Lake
- A8989A
≈ Sahara Dust
Triadico +120° +240°
- A598A0
Mystique
- 9F9D90
≈ Dawn
- 909FA5
≈ Debonair
Complementare divisa +150° +210°
- A598A0
Mystique
- 989F93
≈ Trellised Ivy
- 90A09F
≈ Rain Cloud
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.76:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.59:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.59:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--mystique: #a598a0;
--mystique-rgb: 165 152 160;
--mystique-oklch: oklch(0.693 0.019 340.1);
}
.element {
color: var(--mystique);
background-color: hsl(323 7% 62%);
border-color: oklch(0.693 0.019 340.1);
}Tailwind CSS v4
@theme {
--color-mystique: #a598a0;
--color-mystique-50: #f9f3f7;
--color-mystique-100: #ede5ea;
--color-mystique-200: #dad1d6;
--color-mystique-300: #bfb4ba;
--color-mystique-400: #a79aa2;
--color-mystique-500: #8f818a;
--color-mystique-600: #796e75;
--color-mystique-700: #61585d;
--color-mystique-800: #474045;
--color-mystique-900: #312c2f;
--color-mystique-950: #1d191c;
}SCSS
$mystique: #a598a0;
$mystique-rgb: 165, 152, 160;
$mystique-light: mix(#fff, $mystique, 20%);
$mystique-dark: mix(#000, $mystique, 20%);
.element {
color: $mystique;
box-shadow: 0 0 0 2px rgba($mystique, 0.35);
}