#D9ED92
#99D98C
#52B69A
#168AAD
#168AAD · Steel Blue
Click to copy#168AAD is a medium, highly saturated blue color, closest to Steel Blue and near Steel Blue and Cerulean. In OKLCH it has 59% lightness and 0.11 chroma at hue 225°. 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.
Color codes click to copy
HEX
#168AADRGB
rgb(22, 138, 173)HSL
hsl(194, 77%, 38%)CMYK
87, 20, 0, 32CSS var
--steel-blueContrast
3.98:1 white · 5.27:1 blackSimilar named colors
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.
--steel-blue: #168AAD;
$steel-blue: #168AAD;
colors: { 'steel-blue': '#168AAD' }