#346874 Color

#346874 is rgb(52, 104, 116) in RGB and hsl(191, 38%, 33%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#346874

HEX#346874

RGBrgb(52, 104, 116)

HSLhsl(191, 38%, 33%)

HSVhsv(191, 55%, 45%)

OKLCHoklch(48.6% 0.059 214.6)

CMYKcmyk(55%, 10%, 0%, 55%)

Text Contrast & Accessibility

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

TextWhite text6.22:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#346874 Complementary#744034 Analogous#347460 Analogous#344874 Triadic#743468 Triadic#687434

Tints & Shades

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

Tints

#428594 #56A2B3 #76B3C1 #95C5D0 #B5D6DE #D8EAEE

Shades

#2E5C66 #284F58 #21424A #193338 #13262A #0D191C

Use #346874 in Our Tools

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