#21628F

#21628F

Color Values

HEX

#21628F

RGB

33, 98, 143

HSL

204.5, 62.5%, 34.5%

HSV

204.5, 76.9%, 56.1%

CMYK

76.9%, 31.5%, 0.0%, 43.9%

OKLCH

0.4773 0.0972 243.2

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#21628F

#8F4E21

Analogous

#218F85

#212B8F

#21628F

Triadic

#21628F

#8F2162

#628F21

Split Complementary

#21628F

#8F212B

#8F8521

Tetradic

#21628F

#85218F

#8F4E21

#2B8F21

Color Blindness Simulation

Original

#21628F

Protanopia

#3D3E84

Deuteranopia

#393482

Tritanopia

#247C7A

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F3F8FB
100
#E4EFF7
200
#C5DFF2
300
#9CC9E8
400
#66ABDC
500
#308ECF
600
#2672A6
700
#1F5B85
800
#184768
900
#15354C
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

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