Colore con nome · #644982
Violet Majesty
Violet Majesty è #644982: rgb(100 73 130), hsl(268 28% 40%), oklch(0.459 0.095 304.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Violet Majesty color name →
#644982
oklch(0.459 0.095 304.8)
Conversioni di colore
- HEX
- #644982
- RGB
- rgb(100 73 130)
- HSL
- hsl(268 28% 40%)
- HWB
- hwb(268 29% 49%)
- OKLCH
- oklch(0.459 0.095 304.8)
- OKLab
- oklab(0.459 0.054 -0.078)
- CIE Lab
- lab(35.92 21.02 -28.07)
- LCH
- lch(35.92 35.07 306.8)
- CMYK
- cmyk(23% 44% 0% 49%)
Tinte · Ombre · Toni
Tinte
- 725A8E
- 816B9B
- 907DA7
- 9F8FB4
- AEA1C0
- BEB3CD
- CEC6D9
- DED8E6
- EEECF2
Ombre
- 563E70
- 48345F
- 3B2A4E
- 2E203E
- 22172F
- 160E20
- 0B0612
- 030206
- 000001
Toni
- 674F82
- 695482
- 6C5A82
- 6F6082
- 726582
- 756A82
- 777082
- 7A7581
- 7D7B81
Armonie di colore
Complementare +180°
- 644982
Violet Majesty
- 4C611E
≈ Camouflage Green
Analogo -30° +30°
- 644982
Violet Majesty
- 49528C
≈ Demon Blue
- 77426D
≈ Wood Violet
Triadico +120° +240°
- 644982
Violet Majesty
- 7B4B11
≈ Dried Mustard
- 00665D
≈ Arizona Stone
Complementare divisa +150° +210°
- 644982
Violet Majesty
- 695600
≈ Ayahuasca Vine
- 226740
≈ Jewel
Tetradico +90° +180° +270°
- 644982
Violet Majesty
- 844232
≈ Outrageous
- 4C611E
≈ Camouflage Green
- 006374
≈ Green Spool
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.45:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.81:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.45:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--violet-majesty: #644982;
--violet-majesty-rgb: 100 73 130;
--violet-majesty-oklch: oklch(0.459 0.095 304.8);
}
.element {
color: var(--violet-majesty);
background-color: hsl(268 28% 40%);
border-color: oklch(0.459 0.095 304.8);
}Tailwind CSS v4
@theme {
--color-violet-majesty: #644982;
--color-violet-majesty-50: #fcefff;
--color-violet-majesty-100: #f0e0ff;
--color-violet-majesty-200: #dfcaf5;
--color-violet-majesty-300: #c4abde;
--color-violet-majesty-400: #ab90cc;
--color-violet-majesty-500: #9576b9;
--color-violet-majesty-600: #7e649c;
--color-violet-majesty-700: #65507d;
--color-violet-majesty-800: #493a5d;
--color-violet-majesty-900: #322841;
--color-violet-majesty-950: #1e162a;
}SCSS
$violet-majesty: #644982;
$violet-majesty-rgb: 100, 73, 130;
$violet-majesty-light: mix(#fff, $violet-majesty, 20%);
$violet-majesty-dark: mix(#000, $violet-majesty, 20%);
.element {
color: $violet-majesty;
box-shadow: 0 0 0 2px rgba($violet-majesty, 0.35);
}