#126BBF Color

#126BBF is rgb(18, 107, 191) in RGB and hsl(209, 83%, 41%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#126BBF

HEX#126BBF

RGBrgb(18, 107, 191)

HSLhsl(209, 83%, 41%)

HSVhsv(209, 91%, 75%)

OKLCHoklch(52.6% 0.153 252.8)

CMYKcmyk(91%, 44%, 0%, 25%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#126BBF Complementary#BF6612 Analogous#12BFBC Analogous#1215BF Triadic#BF126B Triadic#6BBF12

Tints & Shades

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

Tints

#1580E5 #3694EC #5CA8F0 #86BFF4 #ABD2F7 #D0E6FB

Shades

#105EA8 #0D4F8C #0B4275 #09345D #072746 #04182A

Use #126BBF in Our Tools

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