Nazwany kolor · #57487F
Gentian Violet
Gentian Violet to #57487F: rgb(87 72 127), hsl(256 28% 39%), oklch(0.442 0.089 295). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Gentian Violet color name →
#57487F
oklch(0.442 0.089 295)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 66598C
- 756A98
- 857CA5
- 968EB2
- A6A0BF
- B8B2CB
- C9C5D8
- DBD8E5
- EDEBF2
Odcienie ciemniejsze
- 4B3D6E
- 3E335D
- 33294C
- 271F3C
- 1C162D
- 120D1F
- 080611
- 030206
- 000001
Tony
- 5B4E80
- 5F5480
- 635980
- 675F81
- 6B6481
- 6F6A81
- 736F81
- 777581
- 7C7A80
Harmonie kolorów
Komplementarna +180°
- 57487F
Gentian Violet
- 525814
≈ Douro
Analogowa -30° +30°
- 57487F
Gentian Violet
- 3B5184
≈ Blue Quartz
- 6C416E
≈ Majesty
Triada +120° +240°
- 57487F
Gentian Violet
- 78441C
≈ Ancient Planks
- 006250
≈ Sci-Fi Takeout
Komplementarna rozszczepiona +150° +210°
- 57487F
Gentian Violet
- 6A4E03
≈ Antique Bronze
- 306033
≈ Deep Into the Wood
Tetrada +90° +180° +270°
- 57487F
Gentian Violet
- 7D3D39
≈ Raw Cinnabar
- 525814
≈ Douro
- 005F67
≈ Petrol
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.95:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.63:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.95:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
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);
}