#301B37 Color

#301B37 is rgb(48, 27, 55) in RGB and hsl(285, 34%, 16%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#301B37

HEX#301B37

RGBrgb(48, 27, 55)

HSLhsl(285, 34%, 16%)

HSVhsv(285, 51%, 22%)

OKLCHoklch(26.3% 0.058 317.3)

CMYKcmyk(13%, 51%, 0%, 78%)

Text Contrast & Accessibility

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

TextWhite text15.7:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#301B37 Complementary#22371B Analogous#221B37 Analogous#371B30 Triadic#37301B Triadic#1B3730

Tints & Shades

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

Tints

#542F60 #744285 #9758AD #B181C1 #CAAAD5 #E1CFE7

Shades

#2A1830 #27162C #211326 #1B0F1F #150C18 #120A15

Use #301B37 in Our Tools

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