Colore con nome · #57487F
Gentian Violet
Gentian Violet è #57487F: rgb(87 72 127), hsl(256 28% 39%), oklch(0.442 0.089 295). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Gentian Violet color name →
#57487F
oklch(0.442 0.089 295)
Conversioni di colore
- HEX
- #57487f
- RGB
- rgb(87 72 127)
- HSL
- hsl(256 28% 39%)
- HWB
- hwb(256 28% 50%)
- OKLCH
- oklch(0.442 0.089 295)
- OKLab
- oklab(0.442 0.038 -0.081)
- CIE Lab
- lab(34.09 16.53 -29.2)
- LCH
- lch(34.09 33.55 299.5)
- CMYK
- cmyk(31% 43% 0% 50%)
Tinte · Ombre · Toni
Tinte
- 66598C
- 756A98
- 857CA5
- 968EB2
- A6A0BF
- B8B2CB
- C9C5D8
- DBD8E5
- EDEBF2
Ombre
- 4B3D6E
- 3E335D
- 33294C
- 271F3C
- 1C162D
- 120D1F
- 080611
- 030206
- 000001
Toni
- 5B4E80
- 5F5480
- 635980
- 675F81
- 6B6481
- 6F6A81
- 736F81
- 777581
- 7C7A80
Armonie di colore
Complementare +180°
- 57487F
Gentian Violet
- 525814
≈ Douro
Analogo -30° +30°
- 57487F
Gentian Violet
- 3B5184
≈ Blue Quartz
- 6C416E
≈ Majesty
Triadico +120° +240°
- 57487F
Gentian Violet
- 78441C
≈ Ancient Planks
- 006250
≈ Sci-Fi Takeout
Complementare divisa +150° +210°
- 57487F
Gentian Violet
- 6A4E03
≈ Antique Bronze
- 306033
≈ Deep Into the Wood
Tetradico +90° +180° +270°
- 57487F
Gentian Violet
- 7D3D39
≈ Raw Cinnabar
- 525814
≈ Douro
- 005F67
≈ Petrol
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.95:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.63:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.95:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--gentian-violet: #57487f;
--gentian-violet-rgb: 87 72 127;
--gentian-violet-oklch: oklch(0.442 0.089 295);
}
.element {
color: var(--gentian-violet);
background-color: hsl(256 28% 39%);
border-color: oklch(0.442 0.089 295);
}Tailwind CSS v4
@theme {
--color-gentian-violet: #57487f;
--color-gentian-violet-50: #f7f0ff;
--color-gentian-violet-100: #eae2ff;
--color-gentian-violet-200: #d8cdf7;
--color-gentian-violet-300: #bcaee0;
--color-gentian-violet-400: #a294ce;
--color-gentian-violet-500: #8a7abb;
--color-gentian-violet-600: #75679e;
--color-gentian-violet-700: #5e537f;
--color-gentian-violet-800: #433c5f;
--color-gentian-violet-900: #2f2942;
--color-gentian-violet-950: #1b172b;
}SCSS
$gentian-violet: #57487f;
$gentian-violet-rgb: 87, 72, 127;
$gentian-violet-light: mix(#fff, $gentian-violet, 20%);
$gentian-violet-dark: mix(#000, $gentian-violet, 20%);
.element {
color: $gentian-violet;
box-shadow: 0 0 0 2px rgba($gentian-violet, 0.35);
}