#203584

#203584

Color Values

HEX

#203584

RGB

32, 53, 132

HSL

227.4, 61.0%, 32.2%

HSV

227.4, 75.8%, 51.8%

CMYK

75.8%, 59.8%, 0.0%, 48.2%

OKLCH

0.3642 0.1351 267.7

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#203584

#846F20

Analogous

#206784

#3D2084

#203584

Triadic

#203584

#842035

#358420

Split Complementary

#203584

#843D20

#678420

Tetradic

#203584

#842067

#846F20

#20843D

Color Blindness Simulation

Original

#203584

Protanopia

#292971

Deuteranopia

#28266C

Tritanopia

#21625E

Achromatopsia

#363636

CSS Usage

background-color: #203584;
color: #203584;
border-color: #203584;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F5FB
100
#E4E8F6
200
#C6CFF1
300
#9CACE7
400
#677FDA
500
#3252CD
600
#2842A4
700
#203583
800
#192967
900
#16214B
950
#0E152F

Contrast Checker

Text on white

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