Nazwany kolor · #B300FF
Poison Purple Paradise
Poison Purple Paradise to #B300FF: rgb(179 0 255), hsl(282 100% 50%), oklch(0.593 0.301 309.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Poison Purple Paradise color name →
#B300FF
oklch(0.593 0.301 309.6)
Konwersje koloru
- HEX
- #b300ff
- RGB
- rgb(179 0 255)
- HSL
- hsl(282 100% 50%)
- HWB
- hwb(282 0% 0%)
- OKLCH
- oklch(0.593 0.301 309.6)
- OKLab
- oklab(0.593 0.192 -0.232)
- CIE Lab
- lab(47.09 81.15 -82.37)
- LCH
- lch(47.09 115.63 314.6)
- CMYK
- cmyk(30% 100% 0% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BB40FF
- C35DFF
- CA76FF
- D28BFF
- DAA0FF
- E1B4FF
- E9C7FF
- F0DAFF
- F8ECFF
Odcienie ciemniejsze
- 9B00DE
- 8400BE
- 6E009E
- 580080
- 430063
- 2F0048
- 1D002E
- 0C0016
- 010003
Tony
- AE2EF3
- A941E7
- A44EDA
- 9F59CE
- 9A62C2
- 956AB5
- 9070A8
- 8B769B
- 857B8E
Harmonie kolorów
Komplementarna +180°
- B300FF
Poison Purple Paradise
- 5E8F00
≈ Vida Loca
Analogowa -30° +30°
- B300FF
Poison Purple Paradise
- 6A61FF
≈ Blue Genie
- D600AE
≈ Aphroditean Fuchsia
Triada +120° +240°
- B300FF
Poison Purple Paradise
- AE6E00
≈ Caramel
- 00918B
≈ Supermint
Komplementarna rozszczepiona +150° +210°
- B300FF
Poison Purple Paradise
- 907F00
≈ Moscow Papyrus
- 009661
≈ Green Gloss
Tetrada +90° +180° +270°
- B300FF
Poison Purple Paradise
- D54800
≈ Macharius Solar Orange
- 5E8F00
≈ Vida Loca
- 008CAA
≈ Quintana
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.81:1 · APCA Lc 71
Ag
FailNa czerni
WCAG 4.36:1 · APCA Lc 31
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.81:1 (AA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--poison-purple-paradise: #b300ff;
--poison-purple-paradise-rgb: 179 0 255;
--poison-purple-paradise-oklch: oklch(0.593 0.301 309.6);
}
.element {
color: var(--poison-purple-paradise);
background-color: hsl(282 100% 50%);
border-color: oklch(0.593 0.301 309.6);
}Tailwind CSS v4
@theme {
--color-poison-purple-paradise: #b300ff;
--color-poison-purple-paradise-50: #ffdcff;
--color-poison-purple-paradise-100: #ffcaff;
--color-poison-purple-paradise-200: #feabff;
--color-poison-purple-paradise-300: #e97fff;
--color-poison-purple-paradise-400: #d351ff;
--color-poison-purple-paradise-500: #c100ff;
--color-poison-purple-paradise-600: #a300ea;
--color-poison-purple-paradise-700: #8300bc;
--color-poison-purple-paradise-800: #5f0090;
--color-poison-purple-paradise-900: #420366;
--color-poison-purple-paradise-950: #2b0046;
}SCSS
$poison-purple-paradise: #b300ff;
$poison-purple-paradise-rgb: 179, 0, 255;
$poison-purple-paradise-light: mix(#fff, $poison-purple-paradise, 20%);
$poison-purple-paradise-dark: mix(#000, $poison-purple-paradise, 20%);
.element {
color: $poison-purple-paradise;
box-shadow: 0 0 0 2px rgba($poison-purple-paradise, 0.35);
}