Coloried

Blue Violet

Blue Violet color is a bright shade of violet. Its hex code is #8A2BE2 and rgb code is rgb(138, 43, 226), Its CMYK value is cmyk(39%, 81%, 0%, 11%), and Its HSL value is hsl(271, 76%, 53%). Against white color, its contrast ratio of 5.96:1, while against black, the contrast ratio is 3.52:1. Complementary color is #84E22C and closest tailwind color is purple-600. This color goes well with #670E66, #100E67, #150524, #929414, and #149416. To recreate the Blue Violet color, you can mix #FF00FF and #1556C5.

Blue Violet color code
|
1. Color Conversions
HEX#8A2BE2
RGB138, 43, 226
HSL271°, 76%, 53%
HSV271°, 76%, 89%
CMYK39%, 81%, 0%, 11%
Web Safe#9933CC
2. Contrast Ratio
Text on #FFFFFF5.96:1
AAA LargeAAA Normal
Text on #0000003.52:1
AAA LargeFail Normal
3. Blue Violet Color Code in CSS
HEX
#8A2BE2
RGB
rgb(138, 43, 226)
HSL
hsl(271, 76%, 53%)
Text Color
color: #8A2BE2;
Background
background-color: #8A2BE2;
Border Color
border-color: #8A2BE2;
Box Shadow
box-shadow: 0 4px 14px 0 #8A2BE280;
SCSS
$color-blue-violet: #8A2BE2;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#6160B6
Deuteranopia#666EAB
Tritanopia#85938B
Achromatopsia#5C5C5C
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive