#86552A
Orange
HEX
RGB
HSL
About #86552A Orange
#86552A is a orange color. In the RGB color model, it is composed of 134 red, 85 green, and 42 blue. In the HSL color space, it has a hue of 28°, saturation of 52%, and lightness of 35%.
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 #86552A in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.
Beautiful Gradients
Color Properties
28°
Hue
52%
Saturation
35%
Lightness
Orange
Color Harmonies
Colors that work well with #86552A based on color theory.
Accessibility
WCAG 2.1 contrast ratio of #86552A against white and black backgrounds.
Aa#86552A on White
Contrast Ratio6.28:1
AA ✓AA Large ✓AAA ✗
Aa#86552A on Black
Contrast Ratio3.35:1
AA ✗AA Large ✓AAA ✗
Color Conversion Table
Complete conversion of #86552A across different color formats.
| Format | Value |
|---|---|
| HEX | #86552A |
| RGB | rgb(134, 85, 42) |
| HSL | hsl(28, 52%, 35%) |
| RGB Decimal | 134, 85, 42 |
| RGB Percent | 52.5%, 33.3%, 16.5% |
| CMYK (approx.) | 0%, 37%, 69%, 47% |
Related Palettes
12 palettes using #86552A or similar colors