#203AAC

#203AAC

Color Values

HEX

#203AAC

RGB

32, 58, 172

HSL

228.9, 68.6%, 40.0%

HSV

228.9, 81.4%, 67.5%

CMYK

81.4%, 66.3%, 0.0%, 32.5%

OKLCH

0.4112 0.1835 267.2

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#203AAC

#AC9220

Analogous

#2080AC

#4C20AC

#203AAC

Triadic

#203AAC

#AC203A

#3AAC20

Split Complementary

#203AAC

#AC4C20

#80AC20

Tetradic

#203AAC

#AC2080

#AC9220

#20AC4C

Color Blindness Simulation

Original

#203AAC

Protanopia

#2B2B90

Deuteranopia

#2A288A

Tritanopia

#217B76

Achromatopsia

#3D3D3D

CSS Usage

background-color: #203AAC;
color: #203AAC;
border-color: #203AAC;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F3F5FC
100
#E3E7F8
200
#C3CCF4
300
#98A7EC
400
#6078E1
500
#2848D7
600
#203AAC
700
#1A2E8A
800
#14246B
900
#131E4E
950
#0C1331

Contrast Checker

Text on white

9.28:1

AA Pass AAA Pass

Text on black

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