Dark Bright Orange is a dark, saturated shade in the brown color family, with a warm feel. Its HEX code is #77420D, which equals rgb(119, 66, 13) in RGB and hsl(30, 80%, 26%) in HSL. In print terms it converts to roughly C0 M45 Y89 K53, although exact CMYK results depend on the paper and color profile.
- HEX
#77420D - RGB
119, 66, 13 - HSL
30°, 80%, 26% - CMYK
0, 45, 89, 53 - Family
Brown - Tone
Dark, saturated
About Dark 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. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 8.17:1. Its complementary color is #0D4277.
Download Dark 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…
Dark Bright Orange color codes
| HEX | #77420D |
|---|---|
| RGB | rgb(119, 66, 13) |
| HSL | hsl(30, 80%, 26%) |
| HSV | 30°, 89%, 47% |
| CMYK | 0%, 45%, 89%, 53% |
| Decimal | 7815693 |
Shades and tints of Dark Bright Orange
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E8E0D7 - 100
#D2C0AE - 200
#BBA186 - 300
#A4815E - 400
#8E6235 - 500
#77420D - 600
#63370B - 700
#4F2C09 - 800
#3C2107 - 900
#281604 - 950
#140B02
Color harmonies for Dark Bright Orange
- Complementary
#0D4277≈ Dark Bright Cornflower - Analogous −30°
#770D0D≈ Dark Bright Cardinal - Analogous +30°
#77770D≈ Dark Bright Citron - Triadic +120°
#0D7742≈ Dark Bright Malachite - Triadic +240°
#420D77≈ Dark Bright Periwinkle - Split 150°
#0D7777≈ Dark Bright Teal - Split 210°
#0D0D77≈ Dark Bright Ultramarine
Contrast and accessibility of Dark Bright Orange
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Bright Orange | Aa | 8.17:1 | AAA (excellent) |
| Black text on Dark Bright Orange | Aa | 2.57:1 | Fails |
CSS code for Dark Bright Orange
background-color: #77420D;color: #77420D;background-color: rgb(119, 66, 13);background-color: hsl(30, 80%, 26%);:root { --color-dark-bright-orange: #77420D; }class="bg-[#77420D]"Colors similar to Dark Bright Orange
- Sepia
#704214 - Dark Bright Persimmon
#77380D - Dark Bright Tangerine
#774D0D - Dark Orange Tone
#854200 - Dark Soft Orange
#6A421B - Saddle Brown
#8B4513 - Dark Soft Persimmon
#6A3A1B - Dark Soft Tangerine
#6A4A1B - Dark Persimmon
#853500 - Dark Tangerine
#855000 - Dark Bright Cinnabar
#772D0D - Dark Bright Amber
#77580D
More brown shades
- Very Dark Orange
#5C2E00 - Dark Orange Tone
#854200 - Deep Orange
#AD5700 - Medium Dark Orange
#D66B00 - Darkest Bright Orange
#2E1A05 - Very Dark Bright Orange
#532E09 - Deep Bright Orange
#9C5711 - Medium Dark Bright Orange
#C16B15 - Darkest Soft Orange
#291A0A - Very Dark Soft Orange
#492E12 - Dark Soft Orange
#6A421B
Frequently asked questions
What is the HEX code for Dark Bright Orange?
The HEX code for Dark Bright Orange is #77420D.
What is the RGB value of Dark Bright Orange?
Dark Bright Orange has an RGB value of 119, 66, 13 (rgb(119, 66, 13)). In HSL it is 30°, 80%, 26%.
What text color should I use on Dark Bright Orange?
Use white text on Dark Bright Orange. White text has a contrast ratio of 8.17:1 and black text has 2.57:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Bright Orange?
The complementary color of Dark Bright Orange is #0D4277. Analogous colors #770D0D and #77770D also pair well.