#204884

#204884

Color Values

HEX

#204884

RGB

32, 72, 132

HSL

216.0, 61.0%, 32.2%

HSV

216.0, 75.8%, 51.8%

CMYK

75.8%, 45.5%, 0.0%, 48.2%

OKLCH

0.4067 0.1104 258.5

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#204884

#845C20

Analogous

#207A84

#2A2084

#204884

Triadic

#204884

#842048

#488420

Split Complementary

#204884

#842A20

#7A8420

Tetradic

#204884

#84207A

#845C20

#20842A

Color Blindness Simulation

Original

#204884

Protanopia

#313275

Deuteranopia

#2F2C72

Tritanopia

#226A68

Achromatopsia

#444444

CSS Usage

background-color: #204884;
color: #204884;
border-color: #204884;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F3F7FB
100
#E4EBF6
200
#C6D7F1
300
#9CBAE7
400
#6795DA
500
#3270CD
600
#285AA4
700
#204883
800
#193867
900
#162B4B
950
#0E1B2F

Contrast Checker

Text on white

9.05:1

AA Pass AAA Pass

Text on black

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