#42334D Color

#42334D is rgb(66, 51, 77) in RGB and hsl(275, 20%, 25%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#42334D

HEX#42334D

RGBrgb(66, 51, 77)

HSLhsl(275, 20%, 25%)

HSVhsv(275, 34%, 30%)

OKLCHoklch(34.9% 0.048 310.3)

CMYKcmyk(14%, 34%, 0%, 70%)

Text Contrast & Accessibility

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

TextWhite text11.59:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#42334D Complementary#3E4D33 Analogous#35334D Analogous#4D334A Triadic#4D4233 Triadic#334D42

Tints & Shades

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

Tints

#5C476B #795E8D #9378A5 #AE9ABC #C6B9D0 #E1DAE7

Shades

#3A2D43 #32273A #2A2131 #221B28 #1A141F #120E15

Use #42334D in Our Tools

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