#106BCB Color

#106BCB is rgb(16, 107, 203) in RGB and hsl(211, 85%, 43%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#106BCB

HEX#106BCB

RGBrgb(16, 107, 203)

HSLhsl(211, 85%, 43%)

HSVhsv(211, 92%, 80%)

OKLCHoklch(53.4% 0.168 255.1)

CMYKcmyk(92%, 47%, 0%, 20%)

Text Contrast & Accessibility

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

TextWhite text5.27:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.99:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#106BCB Complementary#CB7110 Analogous#10C8CB Analogous#1410CB Triadic#CB106B Triadic#6BCB10

Tints & Shades

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

Tints

#187FEC #3E93EF #63A8F2 #84BBF5 #AAD0F8 #D0E5FB

Shades

#0E5CAF #0C4F97 #0A407B #083463 #062547 #04192F

Use #106BCB in Our Tools

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