#2F12BA

#2F12BA

Color Values

HEX

#2F12BA

RGB

47, 18, 186

HSL

250.4, 82.4%, 40.0%

HSV

250.4, 90.3%, 72.9%

CMYK

74.7%, 90.3%, 0.0%, 27.1%

OKLCH

0.3849 0.23 274.5

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#2F12BA

#9DBA12

Analogous

#1249BA

#8312BA

#2F12BA

Triadic

#2F12BA

#BA2F12

#12BA2F

Split Complementary

#2F12BA

#BA8312

#49BA12

Tetradic

#2F12BA

#BA1249

#9DBA12

#12BA83

Color Blindness Simulation

Original

#2F12BA

Protanopia

#222291

Deuteranopia

#242688

Tritanopia

#2E716A

Achromatopsia

#242424

CSS Usage

background-color: #2F12BA;
color: #2F12BA;
border-color: #2F12BA;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F4F2FD
100
#E5E1FA
200
#C8BEF9
300
#A18FF4
400
#6E53EE
500
#3B16E9
600
#2F12BA
700
#260E95
800
#1D0B74
900
#190D54
950
#100835

Contrast Checker

Text on white

10.96:1

AA Pass AAA Pass

Text on black

1.92: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