#032AA0

#032AA0

Color Values

HEX

#032AA0

RGB

3, 42, 160

HSL

225.1, 96.3%, 32.0%

HSV

225.1, 98.1%, 62.7%

CMYK

98.1%, 73.8%, 0.0%, 37.3%

OKLCH

0.363 0.1917 263.9

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#032AA0

#A07903

Analogous

#0379A0

#2B03A0

#032AA0

Triadic

#032AA0

#A0032A

#2AA003

Split Complementary

#032AA0

#A02B03

#79A003

Tetradic

#032AA0

#A00379

#A07903

#03A02B

Color Blindness Simulation

Original

#032AA0

Protanopia

#141483

Deuteranopia

#120F7D

Tritanopia

#056D68

Achromatopsia

#2A2A2A

CSS Usage

background-color: #032AA0;
color: #032AA0;
border-color: #032AA0;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F1F4FE
100
#DFE6FC
200
#B9CAFE
300
#87A4FD
400
#4673FC
500
#0542FA
600
#0435C8
700
#032AA0
800
#02217D
900
#061B5A
950
#041139

Contrast Checker

Text on white

11.4:1

AA Pass AAA Pass

Text on black

1.84:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026