#168CBB Color

#168CBB is rgb(22, 140, 187) in RGB and hsl(197, 79%, 41%) in HSL. The closest CSS named color is LightSeaGreen. Black text is most readable on this background.

#168CBB

HEX#168CBB

RGBrgb(22, 140, 187)

HSLhsl(197, 79%, 41%)

HSVhsv(197, 88%, 73%)

OKLCHoklch(60.2% 0.118 232.2)

CMYKcmyk(88%, 25%, 0%, 27%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #168CBB background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text3.82:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.5:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #168CBB based on color wheel relationships. Click any swatch for its full breakdown.

Base#168CBB Complementary#BB4516 Analogous#16BB97 Analogous#163ABB Triadic#BB168C Triadic#8CBB16

Tints & Shades

Lighter tints and darker shades of #168CBB, useful for hover states, backgrounds, and text variants.

Tints

#1AA8E0 #3BB7E8 #5FC4EC #88D3F1 #ADE1F5 #D1EEFA

Shades

#137BA4 #106789 #0D5672 #0B445B #083344 #051F29

Use #168CBB in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex