#2F6EBC Color

#2F6EBC is rgb(47, 110, 188) in RGB and hsl(213, 60%, 46%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#2F6EBC

HEX#2F6EBC

RGBrgb(47, 110, 188)

HSLhsl(213, 60%, 46%)

HSVhsv(213, 75%, 74%)

OKLCHoklch(53.8% 0.138 255.4)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#2F6EBC Complementary#BC7C2F Analogous#2FB5BC Analogous#362FBC Triadic#BC2F6E Triadic#6EBC2F

Tints & Shades

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

Tints

#3F80CF #6096D7 #7CA9DE #9DBEE7 #BAD1EE #DAE7F6

Shades

#2960A3 #23518B #1D4372 #16355A #102641 #0A1829

Use #2F6EBC in Our Tools

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