#3211BB

#3211BB

Color Values

HEX

#3211BB

RGB

50, 17, 187

HSL

251.6, 83.3%, 40.0%

HSV

251.6, 90.9%, 73.3%

CMYK

73.3%, 90.9%, 0.0%, 26.7%

OKLCH

0.3876 0.2307 275.5

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3211BB

#9ABB11

Analogous

#1145BB

#8711BB

#3211BB

Triadic

#3211BB

#BB3211

#11BB32

Split Complementary

#3211BB

#BB8711

#45BB11

Tetradic

#3211BB

#BB1145

#9ABB11

#11BB87

Color Blindness Simulation

Original

#3211BB

Protanopia

#242392

Deuteranopia

#262888

Tritanopia

#30716A

Achromatopsia

#242424

CSS Usage

background-color: #3211BB;
color: #3211BB;
border-color: #3211BB;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F4F2FD
100
#E5E1FA
200
#C9BEF9
300
#A38FF5
400
#7052EF
500
#3E15EA
600
#3211BB
700
#280E96
800
#1F0B75
900
#1A0C55
950
#110836

Contrast Checker

Text on white

10.86:1

AA Pass AAA Pass

Text on black

1.93:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026