#168AAD · near Steel Blue

#168AAD (RGB 22, 138, 173) is a medium, moderately saturated blue, closest to Steel Blue and near Cerulean and Ocean. Blue suggests trust, stability and calm; it is the most used hue in corporate and tech branding, which makes #168AAD a natural choice for links, primary buttons, finance and technology. It appears in 4 ColorSwoop palettes. In OKLCH it has 59% lightness and 0.11 chroma at hue 225°.

Color codes click to copy

HEX#168AAD

RGBrgb(22, 138, 173)

HSLhsl(194, 77%, 38%)

CMYK87, 20, 0, 32

CSS var--steel-blue

Contrast3.98:1 white · 5.27:1 black

Similar named colors

Steel Blue #4682B4Cerulean #007BA7Ocean #0077BETeal #008080Slate #708090

How to use #168AAD

Black text passes WCAG AA on #168AAD (5.27:1); white text does not (3.98:1).

For a calm scheme pair #168AAD with its analogous neighbors #16AC84 and #163EAC; for contrast use its complement #AC3916 as a small accent, and anchor everything with a neutral such as #F5F5F7.

CSSSCSSTailwind

--steel-blue: #168AAD;

Copy code

Color card

Shades & tints

#041C23#093745#0D5368#126E8A#168AAD#45A1BD#73B9CE#A2D0DE#D0E8EF

Color harmonies for #168AAD

Complementary

#168AAD#AC3916

Analogous

#168AAD#16AC84#163EAC

Triadic

#168AAD#AC1689#89AC16

Split complementary

#168AAD#AC163E#AC8416

Tetradic

#168AAD#8416AC#AC3916#3EAC16