#5B331E

Dark Orange

HEX

RGB

HSL

About #5B331E Dark Orange

#5B331E is a dark orange color. In the RGB color model, it is composed of 91 red, 51 green, and 30 blue. In the HSL color space, it has a hue of 21°, saturation of 50%, and lightness of 24%.

This color has a low lightness value, making it a dark color great for text and bold accents. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

Use #5B331E in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

21°

Hue

50%

Saturation

24%

Lightness

Dark Orange

Color Harmonies

Colors that work well with #5B331E based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #5B331E against white and black backgrounds.

Aa#5B331E on White
Contrast Ratio10.84:1
AA AA Large AAA
Aa#5B331E on Black
Contrast Ratio1.94:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #5B331E across different color formats.

FormatValue
HEX#5B331E
RGBrgb(91, 51, 30)
HSLhsl(21, 50%, 24%)
RGB Decimal91, 51, 30
RGB Percent35.7%, 20.0%, 11.8%
CMYK (approx.)0%, 44%, 67%, 64%

Related Palettes

12 palettes using #5B331E or similar colors

#24160F#532F1D#6A5043#956B56
#25180E#52341E#755238#927159
#231910#4F3721#7F552E#947457
#24190F#4F3721#6C5542#A47247
#25130E#502A20#803F2E#8D685E
#1F1814#4D3323#754E38#A26948
#1F1614#51281F#7E3E2F#9F5B4C
#231310#502820#7C3E31#AC513E
#1F1914#4C3524#7D5030#A76D43
#26130D#4C2D24#7C4131#A25C48
#241B0F#4D3C23#6F5B3F#967B54
#201613#4B2F25#6C4C41#966554