Benannte Farbe · #9500FF
Star Platinum Purple
Star Platinum Purple ist #9500FF: rgb(149 0 255), hsl(275 100% 50%), oklch(0.555 0.295 300.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Star Platinum Purple color name →
#9500FF
oklch(0.555 0.295 300.7)
Farbumrechnungen
- HEX
- #9500ff
- RGB
- rgb(149 0 255)
- HSL
- hsl(275 100% 50%)
- HWB
- hwb(275 0% 0%)
- OKLCH
- oklch(0.555 0.295 300.7)
- OKLab
- oklab(0.555 0.151 -0.254)
- CIE Lab
- lab(42.38 77.12 -90.31)
- LCH
- lch(42.38 118.76 310.5)
- CMYK
- cmyk(42% 100% 0% 0%)
Tints · Shades · Tones
Tints
- 9E3FFF
- A85CFF
- B275FF
- BC8AFF
- C69FFF
- D1B3FF
- DCC6FF
- E8D9FF
- F3ECFF
Shades
- 8100DE
- 6D00BE
- 5A009E
- 480080
- 370063
- 260048
- 16002E
- 080016
- 010003
Tones
- 922DF3
- 9040E7
- 8D4EDB
- 8B58CF
- 8961C2
- 8769B6
- 8570A9
- 83769C
- 817B8E
Farbharmonien
Komplementär +180°
- 9500FF
Star Platinum Purple
- 697E00
≈ Topiary Garden
Analog -30° +30°
- 9500FF
Star Platinum Purple
- 4457FF
≈ Hooloovoo Blue
- BD00B5
≈ Kinky Koala
Triadisch +120° +240°
- 9500FF
Star Platinum Purple
- A85E00
≈ Raw Umber
- 008676
≈ Summer Turquoise
Geteilt komplementär +150° +210°
- 9500FF
Star Platinum Purple
- 8C6F00
≈ Vermin Brown
- 008A41
≈ Cold Green
Tetradisch +90° +180° +270°
- 9500FF
Star Platinum Purple
- D51900
≈ Dragon’s Breath
- 697E00
≈ Topiary Garden
- 008292
≈ Island Lush
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.64:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 3.72:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.64:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--star-platinum-purple: #9500ff;
--star-platinum-purple-rgb: 149 0 255;
--star-platinum-purple-oklch: oklch(0.555 0.295 300.7);
}
.element {
color: var(--star-platinum-purple);
background-color: hsl(275 100% 50%);
border-color: oklch(0.555 0.295 300.7);
}Tailwind CSS v4
@theme {
--color-star-platinum-purple: #9500ff;
--color-star-platinum-purple-50: #ffe1ff;
--color-star-platinum-purple-100: #fbcfff;
--color-star-platinum-purple-200: #eeb2ff;
--color-star-platinum-purple-300: #d688ff;
--color-star-platinum-purple-400: #bf5eff;
--color-star-platinum-purple-500: #ad10ff;
--color-star-platinum-purple-600: #9219f6;
--color-star-platinum-purple-700: #7516c6;
--color-star-platinum-purple-800: #540f97;
--color-star-platinum-purple-900: #3a0b6b;
--color-star-platinum-purple-950: #25004b;
}SCSS
$star-platinum-purple: #9500ff;
$star-platinum-purple-rgb: 149, 0, 255;
$star-platinum-purple-light: mix(#fff, $star-platinum-purple, 20%);
$star-platinum-purple-dark: mix(#000, $star-platinum-purple, 20%);
.element {
color: $star-platinum-purple;
box-shadow: 0 0 0 2px rgba($star-platinum-purple, 0.35);
}