#376986 Color

#376986 is rgb(55, 105, 134) in RGB and hsl(202, 42%, 37%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#376986

HEX#376986

RGBrgb(55, 105, 134)

HSLhsl(202, 42%, 37%)

HSVhsv(202, 59%, 53%)

OKLCHoklch(49.8% 0.071 236.1)

CMYKcmyk(59%, 22%, 0%, 47%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#376986 Complementary#865437 Analogous#37867B Analogous#374186 Triadic#863769 Triadic#698637

Tints & Shades

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

Tints

#4482A7 #5897BB #79ABC8 #9AC0D6 #BAD4E3 #D7E6EF

Shades

#2F5B74 #294F65 #224153 #1B3341 #13252F #0D1A21

Use #376986 in Our Tools

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