#2E6EBD Color

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

#2E6EBD

HEX#2E6EBD

RGBrgb(46, 110, 189)

HSLhsl(213, 61%, 46%)

HSVhsv(213, 76%, 74%)

OKLCHoklch(53.8% 0.14 255.4)

CMYKcmyk(76%, 42%, 0%, 26%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #2E6EBD 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 #2E6EBD based on color wheel relationships. Click any swatch for its full breakdown.

Base#2E6EBD Complementary#BD7C2E Analogous#2EB6BD Analogous#352EBD Triadic#BD2E6E Triadic#6EBD2E

Tints & Shades

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

Tints

#3E80D0 #5F95D8 #7CA8DF #9CBEE7 #B9D1EE #DAE7F6

Shades

#2860A4 #22518C #1C4373 #16355A #102642 #0A1829

Use #2E6EBD in Our Tools

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