#2860AF Color

#2860AF is rgb(40, 96, 175) in RGB and hsl(215, 63%, 42%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#2860AF

HEX#2860AF

RGBrgb(40, 96, 175)

HSLhsl(215, 63%, 42%)

HSVhsv(215, 77%, 69%)

OKLCHoklch(49.5% 0.139 257.7)

CMYKcmyk(77%, 45%, 0%, 31%)

Text Contrast & Accessibility

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

TextWhite text6.21:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#2860AF Complementary#AF7628 Analogous#28A3AF Analogous#3328AF Triadic#AF2860 Triadic#60AF28

Tints & Shades

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

Tints

#2F72D0 #5089D7 #729FDF #93B6E6 #B4CCEE #D5E3F6

Shades

#23549A #1D4781 #193B6C #132E53 #0E223E #081525

Use #2860AF in Our Tools

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