Colore con nome · #6E5881
Mystical
Mystical è #6E5881: rgb(110 88 129), hsl(272 19% 43%), oklch(0.498 0.069 308.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Mystical color name →
#6E5881
oklch(0.498 0.069 308.5)
Conversioni di colore
- HEX
- #6e5881
- RGB
- rgb(110 88 129)
- HSL
- hsl(272 19% 43%)
- HWB
- hwb(272 35% 49%)
- OKLCH
- oklch(0.498 0.069 308.5)
- OKLab
- oklab(0.498 0.043 -0.054)
- CIE Lab
- lab(40.89 15.68 -19.67)
- LCH
- lch(40.89 25.15 308.6)
- CMYK
- cmyk(15% 32% 0% 49%)
Tinte · Ombre · Toni
Tinte
- 7B678D
- 897799
- 9787A6
- A598B2
- B4A8BF
- C2B9CB
- D1CAD8
- E0DCE5
- F0EDF2
Ombre
- 5F4B6F
- 503F5E
- 41334E
- 33283E
- 261D2E
- 19121F
- 0E0912
- 040306
- 010001
Toni
- 705C81
- 726081
- 736481
- 756881
- 776C81
- 797081
- 7B7481
- 7C7881
- 7E7C80
Armonie di colore
Complementare +180°
- 6E5881
Mystical
- 576B3F
≈ Spring Onion
Analogo -30° +30°
- 6E5881
Mystical
- 5A5F8A
≈ Karmic Grape
- 7D5370
≈ Magnificence
Triadico +120° +240°
- 6E5881
Mystical
- 7D5B36
≈ Japanese Iris
- 2B6F6A
≈ North Sea
Complementare divisa +150° +210°
- 6E5881
Mystical
- 6D6333
≈ Himalaya
- 3E6F54
≈ Foliage Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.22:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.37:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.22:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--mystical: #6e5881;
--mystical-rgb: 110 88 129;
--mystical-oklch: oklch(0.498 0.069 308.5);
}
.element {
color: var(--mystical);
background-color: hsl(272 19% 43%);
border-color: oklch(0.498 0.069 308.5);
}Tailwind CSS v4
@theme {
--color-mystical: #6e5881;
--color-mystical-50: #fbf0ff;
--color-mystical-100: #efe2f9;
--color-mystical-200: #decdeb;
--color-mystical-300: #c3aed2;
--color-mystical-400: #aa94be;
--color-mystical-500: #937aa9;
--color-mystical-600: #7c678f;
--color-mystical-700: #645273;
--color-mystical-800: #483c55;
--color-mystical-900: #32293c;
--color-mystical-950: #1e1725;
}SCSS
$mystical: #6e5881;
$mystical-rgb: 110, 88, 129;
$mystical-light: mix(#fff, $mystical, 20%);
$mystical-dark: mix(#000, $mystical, 20%);
.element {
color: $mystical;
box-shadow: 0 0 0 2px rgba($mystical, 0.35);
}