#2C12BA

#2C12BA

Color Values

HEX

#2C12BA

RGB

44, 18, 186

HSL

249,3, 82,4%, 40,0%

HSV

249,3, 90,3%, 72,9%

CMYK

76,3%, 90,3%, 0,0%, 27,1%

OKLCH

0,383 0,2307 273,5

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#2C12BA

#A0BA12

Analogous

#124CBA

#8012BA

#2C12BA

Triadic

#2C12BA

#BA2C12

#12BA2C

Split Complementary

#2C12BA

#BA8012

#4CBA12

Tetradic

#2C12BA

#BA124C

#A0BA12

#12BA80

Color Blindness Simulation

Original

#2C12BA

Protanopia

#212191

Deuteranopia

#222488

Tritanopia

#2B716A

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#F4F2FD
100
#E5E1FA
200
#C7BEF9
300
#9F8FF4
400
#6B53EE
500
#3716E9
600
#2C12BA
700
#230E95
800
#1C0B74
900
#180D54
950
#0F0835

Contrast Checker

Text on white

11,04:1

AA Pass AAA Pass

Text on black

1,9: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