#204AAC

#204AAC

Color Values

HEX

#204AAC

RGB

32, 74, 172

HSL

222.0, 68.6%, 40.0%

HSV

222.0, 81.4%, 67.5%

CMYK

81.4%, 57.0%, 0.0%, 32.5%

OKLCH

0.4423 0.1641 263.6

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#204AAC

#AC8220

Analogous

#2090AC

#3C20AC

#204AAC

Triadic

#204AAC

#AC204A

#4AAC20

Split Complementary

#204AAC

#AC3C20

#90AC20

Tetradic

#204AAC

#AC2090

#AC8220

#20AC3C

Color Blindness Simulation

Original

#204AAC

Protanopia

#323394

Deuteranopia

#302D8F

Tritanopia

#22827D

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E3E9F8
200
#C3D2F4
300
#98B1EC
400
#6087E1
500
#285DD7
600
#204AAC
700
#1A3B8A
800
#142E6B
900
#13244E
950
#0C1731

Contrast Checker

Text on white

7.96:1

AA Pass AAA Pass

Text on black

2.64:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026