#22150B

Dark Orange

HEX

RGB

HSL

About #22150B Dark Orange

#22150B is a dark orange color. In the RGB color model, it is composed of 34 red, 21 green, and 11 blue. In the HSL color space, it has a hue of 26°, saturation of 51%, and lightness of 9%.

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

Use #22150B in your CSS, SCSS, or Tailwind projects.

Color Properties

26°

Hue

51%

Saturation

9%

Lightness

Dark Orange

Color Harmonies

Colors that work well with #22150B based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #22150B against white and black backgrounds.

Aa#22150B on White
Contrast Ratio17.79:1
AA AA Large AAA
Aa#22150B on Black
Contrast Ratio1.18:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #22150B across different color formats.

FormatValue
HEX#22150B
RGBrgb(34, 21, 11)
HSLhsl(26, 51%, 9%)
RGB Decimal34, 21, 11
RGB Percent13.3%, 8.2%, 4.3%
CMYK (approx.)0%, 38%, 68%, 87%

Related Palettes

12 palettes using #22150B or similar colors

#25130E#502A20#803F2E#8D685E
#231710#43352D#814D2C#8E705D
#28150B#4A2B1C#694330#92573A
#24190F#4F3721#6C5542#A47247
#221311#4E2722#763E37#9C574F
#221711#483428#7B4D33#916E59
#231910#4F3721#7F552E#947457
#251A0E#493927#685845#A0784B
#24100F#4B2826#6D4340#975853
#211312#4E2523#6B4442#AD433D
#241B0F#4D3C23#6F5B3F#967B54
#250E0E#452B2B#773737#995252