#2682A1 Color

#2682A1 is rgb(38, 130, 161) in RGB and hsl(195, 62%, 39%) in HSL. The closest CSS named color is SteelBlue. Black text is most readable on this background.

#2682A1

HEX#2682A1

RGBrgb(38, 130, 161)

HSLhsl(195, 62%, 39%)

HSVhsv(195, 76%, 63%)

OKLCHoklch(56.8% 0.095 225.2)

CMYKcmyk(76%, 19%, 0%, 37%)

Text Contrast & Accessibility

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

TextWhite text4.38:1AA normal ✗AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#2682A1 Complementary#A14526 Analogous#26A182 Analogous#2645A1 Triadic#A12682 Triadic#82A126

Tints & Shades

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

Tints

#2E9DC2 #49B2D4 #6AC0DC #8FCFE5 #B1DEED #D6EDF5

Shades

#21728C #1C6178 #175063 #123F4E #0E2F3A #091E25

Use #2682A1 in Our Tools

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