#2B2722

Dark Orange

HEX

RGB

HSL

About #2B2722 Dark Orange

#2B2722 is a dark orange color. In the RGB color model, it is composed of 43 red, 39 green, and 34 blue. In the HSL color space, it has a hue of 33°, saturation of 12%, and lightness of 15%.

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

CSS Code

Use #2B2722 in your CSS, SCSS, or Tailwind projects.

Color Properties

33°

Hue

12%

Saturation

15%

Lightness

Dark Orange

Color Harmonies

Colors that work well with #2B2722 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #2B2722 against white and black backgrounds.

Aa#2B2722 on White
Contrast Ratio14.83:1
AA AA Large AAA
Aa#2B2722 on Black
Contrast Ratio1.42:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #2B2722 across different color formats.

FormatValue
HEX#2B2722
RGBrgb(43, 39, 34)
HSLhsl(33, 12%, 15%)
RGB Decimal43, 39, 34
RGB Percent16.9%, 15.3%, 13.3%
CMYK (approx.)0%, 9%, 21%, 83%

Related Palettes

12 palettes using #2B2722 or similar colors

#2B2B2B#423F3E#706C61#C8B6A6
#222831#393E46#00ADB5#EEEEEE
#1B262C#0F4C75#3282B8#BBE1FA
#08D9D6#252A34#FF2E63#EAEAEA
#1C1C1C#533483#6F3DC2#EB5B00
#202013#44442C#696945#A0A04A
#232210#4C4824#6E6A40#A29B48
#1F2013#444928#76812C#929C4E
#2C3333#2E4F4F#0E8388#CBE4DE
#E7F6F2#A5C9CA#395B64#2C3333
#24220F#45432B#767237#959056
#1F1D14#4E4722#7D7030#968B54