Nazwany kolor · #7F01FE
Poisoning Purple
Poisoning Purple to #7F01FE: rgb(127 1 254), hsl(270 99% 50%), oklch(0.529 0.292 293.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Poisoning Purple color name →
#7F01FE
oklch(0.529 0.292 293.8)
Konwersje koloru
- HEX
- #7f01fe
- RGB
- rgb(127 1 254)
- HSL
- hsl(270 99% 50%)
- HWB
- hwb(270 0% 0%)
- OKLCH
- oklch(0.529 0.292 293.8)
- OKLab
- oklab(0.529 0.118 -0.267)
- CIE Lab
- lab(39.16 74.32 -95.19)
- LCH
- lch(39.16 120.77 308)
- CMYK
- cmyk(50% 100% 0% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 893FFF
- 935CFF
- 9F74FF
- AB8AFF
- B89FFF
- C5B3FF
- D3C6FF
- E1D9FF
- F0ECFF
Odcienie ciemniejsze
- 6E01DD
- 5D01BD
- 4C009E
- 3C0080
- 2D0063
- 1F0047
- 11002D
- 060016
- 010003
Tony
- 7E2DF2
- 7D40E6
- 7C4DDA
- 7C58CE
- 7C61C2
- 7C69B6
- 7C70A9
- 7D769C
- 7F7B8E
Harmonie kolorów
Komplementarna +180°
- 7F01FE
Poisoning Purple
- 6B7200
≈ Spinach Soup
Analogowa -30° +30°
- 7F01FE
Poisoning Purple
- 1151FF
≈ Blue et une Nuit
- AA00BA
≈ Heliotrope Magenta
Triada +120° +240°
- 7F01FE
Poisoning Purple
- A45100
≈ Windsor Brown
- 007E67
≈ Generic Viridian
Komplementarna rozszczepiona +150° +210°
- 7F01FE
Poisoning Purple
- 896500
≈ Alligator
- 008316
≈ Office Green
Tetrada +90° +180° +270°
- 7F01FE
Poisoning Purple
- CA0026
≈ Rare Rhubarb
- 6B7200
≈ Spinach Soup
- 007A83
≈ Mediterranean Cove
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.29:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.33:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.29:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--poisoning-purple: #7f01fe;
--poisoning-purple-rgb: 127 1 254;
--poisoning-purple-oklch: oklch(0.529 0.292 293.8);
}
.element {
color: var(--poisoning-purple);
background-color: hsl(270 99% 50%);
border-color: oklch(0.529 0.292 293.8);
}Tailwind CSS v4
@theme {
--color-poisoning-purple: #7f01fe;
--color-poisoning-purple-50: #fce4ff;
--color-poisoning-purple-100: #f0d3ff;
--color-poisoning-purple-200: #e0b7ff;
--color-poisoning-purple-300: #c78fff;
--color-poisoning-purple-400: #ae67ff;
--color-poisoning-purple-500: #9c2aff;
--color-poisoning-purple-600: #8329ff;
--color-poisoning-purple-700: #6922cd;
--color-poisoning-purple-800: #4b189c;
--color-poisoning-purple-900: #34116f;
--color-poisoning-purple-950: #20004d;
}SCSS
$poisoning-purple: #7f01fe;
$poisoning-purple-rgb: 127, 1, 254;
$poisoning-purple-light: mix(#fff, $poisoning-purple, 20%);
$poisoning-purple-dark: mix(#000, $poisoning-purple, 20%);
.element {
color: $poisoning-purple;
box-shadow: 0 0 0 2px rgba($poisoning-purple, 0.35);
}