Deep Bright Orange is a medium-dark, saturated shade in the brown color family, with a warm feel. Its HEX code is #9C5711, which equals rgb(156, 87, 17) in RGB and hsl(30, 80%, 34%) in HSL. In print terms it converts to roughly C0 M44 Y89 K39, although exact CMYK results depend on the paper and color profile.
- HEX
#9C5711 - RGB
156, 87, 17 - HSL
30°, 80%, 34% - CMYK
0, 44, 89, 39 - Family
Brown - Tone
Medium-dark, saturated
About Deep Bright Orange
Brown shades are earthy, warm and dependable. This family covers tans, beiges, woods and chocolates, and works well for natural, rustic and heritage-style designs. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 5.55:1. Its complementary color is #11579C.
Download Deep Bright Orange as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Deep Bright Orange color codes
| HEX | #9C5711 |
|---|---|
| RGB | rgb(156, 87, 17) |
| HSL | hsl(30, 80%, 34%) |
| HSV | 30°, 89%, 61% |
| CMYK | 0%, 44%, 89%, 39% |
| Decimal | 10245905 |
Shades and tints of Deep Bright Orange
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EFE3D7 - 100
#DEC7B0 - 200
#CEAB88 - 300
#BD8F60 - 400
#AD7339 - 500
#9C5711 - 600
#82490E - 700
#683A0B - 800
#4E2C09 - 900
#341D06 - 950
#1A0F03
Color harmonies for Deep Bright Orange
- Complementary
#11579C≈ Deep Bright Azure - Analogous −30°
#9C1111≈ Deep Bright Cardinal - Analogous +30°
#9C9C11≈ Deep Bright Citron - Triadic +120°
#119C57≈ Deep Bright Malachite - Triadic +240°
#57119C≈ Deep Bright Periwinkle - Split 150°
#119C9C≈ Deep Bright Teal - Split 210°
#11119C≈ Deep Bright Ultramarine
Contrast and accessibility of Deep Bright Orange
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Deep Bright Orange | Aa | 5.55:1 | AA (good) |
| Black text on Deep Bright Orange | Aa | 3.78:1 | AA Large only |
CSS code for Deep Bright Orange
background-color: #9C5711;color: #9C5711;background-color: rgb(156, 87, 17);background-color: hsl(30, 80%, 34%);:root { --color-deep-bright-orange: #9C5711; }class="bg-[#9C5711]"Colors similar to Deep Bright Orange
- Deep Bright Persimmon
#9C4911 - Deep Bright Tangerine
#9C6511 - Deep Orange
#AD5700 - Deep Soft Orange
#8B5723 - Deep Soft Tangerine
#8B6123 - Sienna
#A0522D - Deep Soft Persimmon
#8B4C23 - Saddle Brown
#8B4513 - Dark Amber
#855D00 - Dark Tangerine
#855000 - Medium Dark Soft Cinnabar
#AB512B - Medium Dark Soft Persimmon
#AB5E2B
More brown shades
- Dark Orange Tone
#854200 - Deep Orange
#AD5700 - Medium Dark Orange
#D66B00 - Darkest Bright Orange
#2E1A05 - Very Dark Bright Orange
#532E09 - Dark Bright Orange
#77420D - Medium Dark Bright Orange
#C16B15 - Darkest Soft Orange
#291A0A - Very Dark Soft Orange
#492E12 - Dark Soft Orange
#6A421B - Deep Soft Orange
#8B5723
Frequently asked questions
What is the HEX code for Deep Bright Orange?
The HEX code for Deep Bright Orange is #9C5711.
What is the RGB value of Deep Bright Orange?
Deep Bright Orange has an RGB value of 156, 87, 17 (rgb(156, 87, 17)). In HSL it is 30°, 80%, 34%.
What text color should I use on Deep Bright Orange?
Use white text on Deep Bright Orange. White text has a contrast ratio of 5.55:1 and black text has 3.78:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Deep Bright Orange?
The complementary color of Deep Bright Orange is #11579C. Analogous colors #9C1111 and #9C9C11 also pair well.