#45301C Color

#45301C is rgb(69, 48, 28) in RGB and hsl(29, 42%, 19%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#45301C

HEX#45301C

RGBrgb(69, 48, 28)

HSLhsl(29, 42%, 19%)

HSVhsv(29, 59%, 27%)

OKLCHoklch(32.8% 0.044 63.9)

CMYKcmyk(0%, 30%, 59%, 73%)

Text Contrast & Accessibility

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

TextWhite text12.41:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#45301C Complementary#1C3145 Analogous#451C1D Analogous#45441C Triadic#1C4530 Triadic#301C45

Tints & Shades

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

Tints

#6D4B2C #986A3E #B98555 #CAA27D #DABEA4 #ECDDD0

Shades

#3E2B19 #362616 #2F2113 #24190F #1D140C #160F09

Use #45301C in Our Tools

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