#20628F

#20628F

Color Values

HEX

#20628F

RGB

32, 98, 143

HSL

204.3, 63.4%, 34.3%

HSV

204.3, 77.6%, 56.1%

CMYK

77.6%, 31.5%, 0.0%, 43.9%

OKLCH

0.477 0.0975 242.9

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#20628F

#8F4D20

Analogous

#208F84

#202B8F

#20628F

Triadic

#20628F

#8F2062

#628F20

Split Complementary

#20628F

#8F202B

#8F8420

Tetradic

#20628F

#84208F

#8F4D20

#2B8F20

Color Blindness Simulation

Original

#20628F

Protanopia

#3D3D84

Deuteranopia

#393482

Tritanopia

#237C7A

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F3F8FB
100
#E4EFF7
200
#C5E0F2
300
#9BC9E9
400
#65ACDC
500
#2F8FD0
600
#2572A7
700
#1E5B85
800
#174768
900
#15364C
950
#0D2230

Contrast Checker

Text on white

6.55:1

AA Pass AAA Fail

Text on black

3.21:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026