Coloried

Dark Orange

Dark Orange color is a bright shade of orange. Its hex code is #DC4D01 and rgb code is rgb(220, 77, 1), Its CMYK value is cmyk(0%, 65%, 100%, 14%), and Its HSL value is hsl(21, 99%, 43%). Against white, its contrast ratio of 4.11:1, while against black, the contrast ratio is 5.11:1. Complementary color is #018EDA and closest tailwind color is orange-600. This color goes well with #FEEA76, #FE768A, #FFD7C2, #43FEE2, and #435FFE. To get this Dark Orange color, you can mix #FF0000 and #B99A02.

Dark Orange color code
|
1. Color Conversions
HEX#DC4D01
RGB220, 77, 1
HSL21°, 99%, 43%
HSV21°, 99%, 86%
CMYK0%, 65%, 100%, 14%
Web Safe#CC6600
2. Contrast Ratio
Text on #FFFFFF4.11:1
AAA LargeFail Normal
Text on #0000005.11:1
AAA LargeAAA Normal
3. Dark Orange Color Code in CSS
HEX
#DC4D01
RGB
rgb(220, 77, 1)
HSL
hsl(21, 99%, 43%)
Text Color
color: #DC4D01;
Background
background-color: #DC4D01;
Border Color
border-color: #DC4D01;
Box Shadow
box-shadow: 0 4px 14px 0 #DC4D0180;
SCSS
$color-dark-orange: #DC4D01;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#9E9D13
Deuteranopia#A6B118
Tritanopia#D52225
Achromatopsia#6F6F6F
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive