#012FA2

#012FA2

Color Values

HEX

#012FA2

RGB

1, 47, 162

HSL

222.9, 98.8%, 32.0%

HSV

222.9, 99.4%, 63.5%

CMYK

99.4%, 71.0%, 0.0%, 36.5%

OKLCH

0.3732 0.1891 263.2

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#012FA2

#A27401

Analogous

#0180A2

#2401A2

#012FA2

Triadic

#012FA2

#A2012F

#2FA201

Split Complementary

#012FA2

#A22401

#80A201

Tetradic

#012FA2

#A20180

#A27401

#01A224

Color Blindness Simulation

Original

#012FA2

Protanopia

#151586

Deuteranopia

#120F7F

Tritanopia

#03706B

Achromatopsia

#2E2E2E

CSS Usage

background-color: #012FA2;
color: #012FA2;
border-color: #012FA2;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B8CCFF
300
#85A8FE
400
#4379FE
500
#0249FD
600
#013BCB
700
#012FA2
800
#01257F
900
#051E5C
950
#03133A

Contrast Checker

Text on white

10.88:1

AA Pass AAA Pass

Text on black

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