#104550 Color

#104550 is rgb(16, 69, 80) in RGB and hsl(190, 67%, 19%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#104550

HEX#104550

RGBrgb(16, 69, 80)

HSLhsl(190, 67%, 19%)

HSVhsv(190, 80%, 31%)

OKLCHoklch(36.2% 0.056 214.8)

CMYKcmyk(80%, 14%, 0%, 69%)

Text Contrast & Accessibility

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

TextWhite text10.56:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.99:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#104550 Complementary#511B10 Analogous#10513B Analogous#102651 Triadic#511046 Triadic#465110

Tints & Shades

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

Tints

#196F80 #239BB3 #37BDD7 #66CCE1 #95DCEA #C8EDF4

Shades

#0E3F48 #0D3740 #0B3037 #08252B #071E22 #05161A

Use #104550 in Our Tools

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