#1F70BD Color

#1F70BD is rgb(31, 112, 189) in RGB and hsl(209, 72%, 43%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#1F70BD

HEX#1F70BD

RGBrgb(31, 112, 189)

HSLhsl(209, 72%, 43%)

HSVhsv(209, 84%, 74%)

OKLCHoklch(53.8% 0.142 251.6)

CMYKcmyk(84%, 41%, 0%, 26%)

Text Contrast & Accessibility

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

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

TextBlack text4.11:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#1F70BD Complementary#BD6B1F Analogous#1FBDBA Analogous#1F21BD Triadic#BD1F70 Triadic#70BD1F

Tints & Shades

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

Tints

#2885DC #4B99E2 #6EADE7 #8DBEEC #B0D2F2 #D3E6F8

Shades

#1A61A2 #17548C #134472 #0F375C #0B2742 #071A2C

Use #1F70BD in Our Tools

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