#6312BA

#6312BA

Color Values

HEX

#6312BA

RGB

99, 18, 186

HSL

268.9, 82.4%, 40.0%

HSV

268.9, 90.3%, 72.9%

CMYK

46.8%, 90.3%, 0.0%, 27.1%

OKLCH

0.4345 0.2249 296.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#6312BA

#69BA12

Analogous

#1215BA

#B712BA

#6312BA

Triadic

#6312BA

#BA6312

#12BA63

Split Complementary

#6312BA

#BAB712

#15BA12

Tetradic

#6312BA

#BA1215

#69BA12

#12BAB7

Color Blindness Simulation

Original

#6312BA

Protanopia

#403F91

Deuteranopia

#454B88

Tritanopia

#5F716A

Achromatopsia

#2F2F2F

CSS Usage

background-color: #6312BA;
color: #6312BA;
border-color: #6312BA;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F2FD
100
#EDE1FA
200
#DABEF9
300
#C08FF4
400
#9E53EE
500
#7C16E9
600
#6312BA
700
#4F0E95
800
#3E0B74
900
#2F0D54
950
#1E0835

Contrast Checker

Text on white

9.03:1

AA Pass AAA Pass

Text on black

2.33:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026