#28628C

#28628C

Color Values

HEX

#28628C

RGB

40, 98, 140

HSL

205.2, 55.6%, 35.3%

HSV

205.2, 71.4%, 54.9%

CMYK

71.4%, 30.0%, 0.0%, 45.1%

OKLCH

0.478 0.0907 243.4

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#28628C

#8C5228

Analogous

#288C84

#28308C

#28628C

Triadic

#28628C

#8C2862

#628C28

Split Complementary

#28628C

#8C2830

#8C8428

Tetradic

#28628C

#84288C

#8C5228

#308C28

Color Blindness Simulation

Original

#28628C

Protanopia

#414282

Deuteranopia

#3E397F

Tritanopia

#2B7A78

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E5EEF6
200
#C7DEEF
300
#A0C7E4
400
#6CA9D5
500
#398BC6
600
#2D6F9F
700
#24597F
800
#1C4563
900
#183449
950
#0F212E

Contrast Checker

Text on white

6.53:1

AA Pass AAA Fail

Text on black

3.22:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026