#2A67BB Color

#2A67BB is rgb(42, 103, 187) in RGB and hsl(215, 63%, 45%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#2A67BB

HEX#2A67BB

RGBrgb(42, 103, 187)

HSLhsl(215, 63%, 45%)

HSVhsv(215, 78%, 73%)

OKLCHoklch(52% 0.146 257.4)

CMYKcmyk(78%, 45%, 0%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#2A67BB Complementary#BB7F2A Analogous#2AAFBB Analogous#372ABB Triadic#BB2A67 Triadic#67BB2A

Tints & Shades

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

Tints

#3C7BD3 #598ED9 #7AA5E1 #97B9E7 #B8CFEF #D5E3F6

Shades

#2559A2 #1F4B89 #193E70 #15325B #0F2543 #09172A

Use #2A67BB in Our Tools

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