#377995 Color

#377995 is rgb(55, 121, 149) in RGB and hsl(198, 46%, 40%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#377995

HEX#377995

RGBrgb(55, 121, 149)

HSLhsl(198, 46%, 40%)

HSVhsv(198, 63%, 58%)

OKLCHoklch(54.5% 0.08 228.6)

CMYKcmyk(63%, 19%, 0%, 42%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#377995 Complementary#955337 Analogous#379582 Analogous#374A95 Triadic#953779 Triadic#799537

Tints & Shades

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

Tints

#4291B3 #5FA6C4 #7DB6CF #9AC7DA #B8D7E5 #DAEAF1

Shades

#306A82 #295B70 #224B5D #1A3947 #132A34 #0C1B22

Use #377995 in Our Tools

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