#9333EA
Tailwind purple-600
#9333EA is a violet colour. In RGB it is 147 red, 51 green and 234 blue, which converts to a hue of 271 degrees, 81% saturation and 56% lightness. It is Tailwind purple-600 in that design system's palette.
Color values
| HEX | #9333EA |
|---|---|
| RGB | rgb(147, 51, 234) |
| HSL | hsl(271, 81%, 56%) |
| HSV | hsv(271, 78%, 92%) |
| CMYK | cmyk(37%, 78%, 0%, 8%) |
Contrast and accessibility
Against white the contrast ratio is 5.38:1, and against black it is 3.9:1. WCAG asks for at least 4.5:1 for normal text and 3:1 for large text.
| Background | Ratio | Normal text | Large text |
|---|---|---|---|
| White | 5.38:1 | AA | AAA |
| Black | 3.9:1 | Fail | AA |
Tints and shades
Lighter tints move #9333EA toward white, and darker shades move it toward black.
Tints
Shades
Color harmonies
Complementary
Analogous
Triadic
Split complementary
Code
| CSS | color: #9333EA; |
|---|---|
| CSS rgb() | color: rgb(147 51 234); |
| Tailwind | bg-[#9333ea] |
| SwiftUI | Color(red: 0.576, green: 0.200, blue: 0.918) |
| Android | Color.parseColor("#9333EA") |
Closest named color
The nearest CSS colour keyword to #9333EA is blueviolet (#8A2BE2).