#2B7582 Color

#2B7582 is rgb(43, 117, 130) in RGB and hsl(189, 50%, 34%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#2B7582

HEX#2B7582

RGBrgb(43, 117, 130)

HSLhsl(189, 50%, 34%)

HSVhsv(189, 67%, 51%)

OKLCHoklch(52.2% 0.074 211.2)

CMYKcmyk(67%, 10%, 0%, 49%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#2B7582 Complementary#82382B Analogous#2B8264 Analogous#2B4A82 Triadic#822B75 Triadic#75822B

Tints & Shades

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

Tints

#3794A4 #47AFC2 #6ABECD #90CFDA #B3DEE6 #D5EDF1

Shades

#266773 #205660 #1B4850 #163B41 #112D32 #0A1C1F

Use #2B7582 in Our Tools

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