Nazwany kolor · #8601BF
Violet Poison
Violet Poison to #8601BF: rgb(134 1 191), hsl(282 99% 38%), oklch(0.479 0.242 309.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Violet Poison color name →
#8601BF
oklch(0.479 0.242 309.9)
Konwersje koloru
- HEX
- #8601bf
- RGB
- rgb(134 1 191)
- HSL
- hsl(282 99% 38%)
- HWB
- hwb(282 0% 25%)
- OKLCH
- oklch(0.479 0.242 309.9)
- OKLab
- oklab(0.479 0.155 -0.185)
- CIE Lab
- lab(34.97 65.31 -65.94)
- LCH
- lch(34.97 92.81 314.7)
- CMYK
- cmyk(30% 99% 0% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9235C7
- 9E51CF
- AA68D6
- B67FDD
- C295E4
- CEAAEA
- DABFF0
- E6D4F5
- F3EAFA
Odcienie ciemniejsze
- 7401A6
- 62018D
- 510075
- 40005E
- 300048
- 210033
- 13001F
- 06000D
- 010002
Tony
- 8625BA
- 8536B4
- 8544AE
- 844FA9
- 8458A3
- 83619C
- 836A96
- 82718F
- 817988
Harmonie kolorów
Komplementarna +180°
- 8601BF
Violet Poison
- 446B00
≈ Over the Hills
Analogowa -30° +30°
- 8601BF
Violet Poison
- 5032DF
≈ Blue Magenta
- A10081
≈ Vanishing Night
Triada +120° +240°
- 8601BF
Violet Poison
- 825100
≈ Medium Brown
- 006C68
≈ Ocean Oasis
Komplementarna rozszczepiona +150° +210°
- 8601BF
Violet Poison
- 6B5E00
≈ Green Brown
- 006F47
≈ So-Sari
Tetrada +90° +180° +270°
- 8601BF
Violet Poison
- 9F3500
≈ Muddy
- 446B00
≈ Over the Hills
- 00687F
≈ Tahitian Tide
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.58:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 2.77:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.58:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--violet-poison: #8601bf;
--violet-poison-rgb: 134 1 191;
--violet-poison-oklch: oklch(0.479 0.242 309.9);
}
.element {
color: var(--violet-poison);
background-color: hsl(282 99% 38%);
border-color: oklch(0.479 0.242 309.9);
}Tailwind CSS v4
@theme {
--color-violet-poison: #8601bf;
--color-violet-poison-50: #ffe2ff;
--color-violet-poison-100: #ffd1ff;
--color-violet-poison-200: #f7b5ff;
--color-violet-poison-300: #e08eff;
--color-violet-poison-400: #c96aff;
--color-violet-poison-500: #b63cfa;
--color-violet-poison-600: #9a36d2;
--color-violet-poison-700: #7b2ba9;
--color-violet-poison-800: #5a1e81;
--color-violet-poison-900: #3f145b;
--color-violet-poison-950: #28043e;
}SCSS
$violet-poison: #8601bf;
$violet-poison-rgb: 134, 1, 191;
$violet-poison-light: mix(#fff, $violet-poison, 20%);
$violet-poison-dark: mix(#000, $violet-poison, 20%);
.element {
color: $violet-poison;
box-shadow: 0 0 0 2px rgba($violet-poison, 0.35);
}