#378B9A Color

#378B9A is rgb(55, 139, 154) in RGB and hsl(189, 47%, 41%) in HSL. The closest CSS named color is SteelBlue. Black text is most readable on this background.

#378B9A

HEX#378B9A

RGBrgb(55, 139, 154)

HSLhsl(189, 47%, 41%)

HSVhsv(189, 64%, 60%)

OKLCHoklch(59.2% 0.083 211.3)

CMYKcmyk(64%, 10%, 0%, 40%)

Text Contrast & Accessibility

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

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

TextBlack text5.32:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#378B9A Complementary#9A4637 Analogous#379A77 Analogous#375A9A Triadic#9A378B Triadic#8B9A37

Tints & Shades

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

Tints

#42A6B8 #5EB5C5 #7CC3D0 #9ED3DC #BCE0E7 #DAEEF1

Shades

#317A87 #296670 #22555E #1B444B #143338 #0C1F22

Use #378B9A in Our Tools

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