#dc7224 hex color

In a RGB color space, hex #dc7224 is composed of 86.3% red, 44.7% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.2% magenta, 83.6% yellow and 13.7% black. It has a hue angle of 25.4 degrees, a saturation of 72.4% and a lightness of 50.2%. #dc7224 color hex could be obtained by blending #ffe448 with #b90000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 86
- G 45
- B 14
RGB color chart
- C 0
- M 48
- Y 84
- K 14
CMYK color chart

● #dc7224 color description : Bright orange.

The hexadecimal color #dc7224 has RGB values of R:220, G:114, B:36 and CMYK values of C:0, M:0.48, Y:0.84, K:0.14. Its decimal value is 14447140.

Hex triplet	dc7224	`#dc7224`
RGB Decimal	220, 114, 36	`rgb(220,114,36)`
RGB Percent	86.3, 44.7, 14.1	`rgb(86.3%,44.7%,14.1%)`
CMYK	0, 48, 84, 14
HSL	25.4°, 72.4, 50.2	`hsl(25.4,72.4%,50.2%)`
HSV (or HSB)	25.4°, 83.6, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	59.325, 36.59, 57.937
XYZ	35.852, 27.381, 5.066
xyY	0.525, 0.401, 27.381
CIE-LCH	59.325, 68.524, 57.726
CIE-LUV	59.325, 86.939, 50.385
Hunter-Lab	52.327, 30.729, 30.889
Binary	11011100, 01110010, 00100100

#dc7224
```
#dc7224 rgb(220,114,36)
```
#248edc
```
#248edc rgb(36,142,220)
```

Complementary Color

#dc2432
```
#dc2432 rgb(220,36,50)
```
#dc7224
```
#dc7224 rgb(220,114,36)
```
#dcce24
```
#dcce24 rgb(220,206,36)
```

Analogous Color

#2432dc
```
#2432dc rgb(36,50,220)
```
#dc7224
```
#dc7224 rgb(220,114,36)
```
#24dcce
```
#24dcce rgb(36,220,206)
```

Split Complementary Color

#7224dc
```
#7224dc rgb(114,36,220)
```
#dc7224
```
#dc7224 rgb(220,114,36)
```
#24dc72
```
#24dc72 rgb(36,220,114)
```

Triadic Color

#dc248e
```
#dc248e rgb(220,36,142)
```
#dc7224
```
#dc7224 rgb(220,114,36)
```
#24dc72
```
#24dc72 rgb(36,220,114)
```
#248edc
```
#248edc rgb(36,142,220)
```

Tetradic Color

#9b5019
```
#9b5019 rgb(155,80,25)
```
#b15b1c
```
#b15b1c rgb(177,91,28)
```
#c76720
```
#c76720 rgb(199,103,32)
```
#dc7224
```
#dc7224 rgb(220,114,36)
```
#e0803a
```
#e0803a rgb(224,128,58)
```
#e38e50
```
#e38e50 rgb(227,142,80)
```
#e79c66
```
#e79c66 rgb(231,156,102)
```

Monochromatic Color

Below, you can see some colors close to #dc7224. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#dc4424
```
#dc4424 rgb(220,68,36)
```
#dc5324
```
#dc5324 rgb(220,83,36)
```
#dc6324
```
#dc6324 rgb(220,99,36)
```
#dc7224
```
#dc7224 rgb(220,114,36)
```
#dc8124
```
#dc8124 rgb(220,129,36)
```
#dc9124
```
#dc9124 rgb(220,145,36)
```
#dca024
```
#dca024 rgb(220,160,36)
```

Similar Colors

Text with hexadecimal color #dc7224

This text has a font color of #dc7224.

<span style="color:#dc7224;">Text here</span>

#dc7224 background color

This paragraph has a background color of #dc7224.

<p style="background-color:#dc7224;">Content here</p>

#dc7224 border color

This element has a border color of #dc7224.

<div style="border:1px solid #dc7224;">Content here</div>

CSS codes

.text {color:#dc7224;}

.background {background-color:#dc7224;}

.border {border:1px solid #dc7224;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010000 is the darkest color, while #fcf5ef is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#120903
```
#120903 rgb(18,9,3)
```
#231206
```
#231206 rgb(35,18,6)
```
#341b08
```
#341b08 rgb(52,27,8)
```
#45230b
```
#45230b rgb(69,35,11)
```
#552c0e
```
#552c0e rgb(85,44,14)
```
#663510
```
#663510 rgb(102,53,16)
```
#773e13
```
#773e13 rgb(119,62,19)
```
#884616
```
#884616 rgb(136,70,22)
```
#994f18
```
#994f18 rgb(153,79,24)
```
#aa581b
```
#aa581b rgb(170,88,27)
```
#bb601e
```
#bb601e rgb(187,96,30)
```
#cc6921
```
#cc6921 rgb(204,105,33)
```

Shade Color Variation

#dc7224
```
#dc7224 rgb(220,114,36)
```
#df7d35
```
#df7d35 rgb(223,125,53)
```
#e18846
```
#e18846 rgb(225,136,70)
```
#e49357
```
#e49357 rgb(228,147,87)
```
#e79e68
```
#e79e68 rgb(231,158,104)
```
#eaa879
```
#eaa879 rgb(234,168,121)
```
#ecb389
```
#ecb389 rgb(236,179,137)
```
#efbe9a
```
#efbe9a rgb(239,190,154)
```
#f2c9ab
```
#f2c9ab rgb(242,201,171)
```
#f4d4bc
```
#f4d4bc rgb(244,212,188)
```
#f7dfcd
```
#f7dfcd rgb(247,223,205)
```
#faeade
```
#faeade rgb(250,234,222)
```
#fcf5ef
```
#fcf5ef rgb(252,245,239)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #847f7c is the less saturated color, while #f96e07 is the most saturated one.

#847f7c
```
#847f7c rgb(132,127,124)
```
#8e7e72
```
#8e7e72 rgb(142,126,114)
```
#987c68
```
#987c68 rgb(152,124,104)
```
#a17b5f
```
#a17b5f rgb(161,123,95)
```
#ab7955
```
#ab7955 rgb(171,121,85)
```
#b5784b
```
#b5784b rgb(181,120,75)
```
#bf7641
```
#bf7641 rgb(191,118,65)
```
#c87538
```
#c87538 rgb(200,117,56)
```
#d2732e
```
#d2732e rgb(210,115,46)
```
#dc7224
```
#dc7224 rgb(220,114,36)
```
#e6711a
```
#e6711a rgb(230,113,26)
```
#f06f10
```
#f06f10 rgb(240,111,16)
```
#f96e07
```
#f96e07 rgb(249,110,7)
```

Tone Color Variation

Below, you can see how #dc7224 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#898989 Achromatopsia 0.005% of the population
#9a8475 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59436 Protanopia 1% of men
#b98d25 Deuteranopia 1% of men
#e17279 Tritanopia 0.001% of the population

Trichromacy

#b9882f Protanomaly 1% of men, 0.01% of women
#c58325 Deuteranomaly 6% of men, 0.4% of women
#df725a Tritanomaly 0.01% of the population

#dc7224 hex color

#dc7224 Color Information

#dc7224 Color Conversion

Color Schemes with #dc7224

Alternatives to #dc7224

#dc7224 Preview

Shades and Tints of #dc7224

Tones of #dc7224

Color Blindness Simulator