#387285 Color

#387285 is rgb(56, 114, 133) in RGB and hsl(195, 41%, 37%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#387285

HEX#387285

RGBrgb(56, 114, 133)

HSLhsl(195, 41%, 37%)

HSVhsv(195, 58%, 52%)

OKLCHoklch(52.1% 0.067 221.9)

CMYKcmyk(58%, 14%, 0%, 48%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#387285 Complementary#854B38 Analogous#388572 Analogous#384B85 Triadic#853872 Triadic#728538

Tints & Shades

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

Tints

#458DA5 #5AA2BA #7AB4C7 #9AC6D5 #BBD8E2 #D7E9EE

Shades

#306273 #2A5665 #234753 #1B3741 #14282F #0E1C20

Use #387285 in Our Tools

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