#dd7312 hex color

In a RGB color space, hex #dd7312 is composed of 86.7% red, 45.1% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48% magenta, 91.9% yellow and 13.3% black. It has a hue angle of 28.7 degrees, a saturation of 84.9% and a lightness of 46.9%. #dd7312 color hex could be obtained by blending #ffe624 with #bb0000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 87
- G 45
- B 7
RGB color chart
- C 0
- M 48
- Y 92
- K 13
CMYK color chart

● #dd7312 color description : Vivid orange.

The hexadecimal color #dd7312 has RGB values of R:221, G:115, B:18 and CMYK values of C:0, M:0.48, Y:0.92, K:0.13. Its decimal value is 14512914.

Hex triplet	dd7312	`#dd7312`
RGB Decimal	221, 115, 18	`rgb(221,115,18)`
RGB Percent	86.7, 45.1, 7.1	`rgb(86.7%,45.1%,7.1%)`
CMYK	0, 48, 92, 13
HSL	28.7°, 84.9, 46.9	`hsl(28.7,84.9%,46.9%)`
HSV (or HSB)	28.7°, 91.9, 86.7
Web Safe	cc6600	`#cc6600`

CIE-LAB	59.599, 36.106, 63.768
XYZ	36.06, 27.681, 4.016
xyY	0.532, 0.409, 27.681
CIE-LCH	59.599, 73.28, 60.481
CIE-LUV	59.599, 87.923, 53.741
Hunter-Lab	52.612, 30.271, 32.303
Binary	11011101, 01110011, 00010010

#dd7312
```
#dd7312 rgb(221,115,18)
```
#127cdd
```
#127cdd rgb(18,124,221)
```

Complementary Color

#dd1217
```
#dd1217 rgb(221,18,23)
```
#dd7312
```
#dd7312 rgb(221,115,18)
```
#ddd912
```
#ddd912 rgb(221,217,18)
```

Analogous Color

#1217dd
```
#1217dd rgb(18,23,221)
```
#dd7312
```
#dd7312 rgb(221,115,18)
```
#12ddd9
```
#12ddd9 rgb(18,221,217)
```

Split Complementary Color

#7312dd
```
#7312dd rgb(115,18,221)
```
#dd7312
```
#dd7312 rgb(221,115,18)
```
#12dd73
```
#12dd73 rgb(18,221,115)
```

Triadic Color

#dd127c
```
#dd127c rgb(221,18,124)
```
#dd7312
```
#dd7312 rgb(221,115,18)
```
#12dd73
```
#12dd73 rgb(18,221,115)
```
#127cdd
```
#127cdd rgb(18,124,221)
```

Tetradic Color

#964e0c
```
#964e0c rgb(150,78,12)
```
#ae5a0e
```
#ae5a0e rgb(174,90,14)
```
#c56710
```
#c56710 rgb(197,103,16)
```
#dd7312
```
#dd7312 rgb(221,115,18)
```
#ed801c
```
#ed801c rgb(237,128,28)
```
#ee8d34
```
#ee8d34 rgb(238,141,52)
```
#f09a4b
```
#f09a4b rgb(240,154,75)
```

Monochromatic Color

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

#dd4012
```
#dd4012 rgb(221,64,18)
```
#dd5112
```
#dd5112 rgb(221,81,18)
```
#dd6212
```
#dd6212 rgb(221,98,18)
```
#dd7312
```
#dd7312 rgb(221,115,18)
```
#dd8412
```
#dd8412 rgb(221,132,18)
```
#dd9512
```
#dd9512 rgb(221,149,18)
```
#dda612
```
#dda612 rgb(221,166,18)
```

Similar Colors

Text with hexadecimal color #dd7312

This text has a font color of #dd7312.

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

#dd7312 background color

This paragraph has a background color of #dd7312.

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

#dd7312 border color

This element has a border color of #dd7312.

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

CSS codes

.text {color:#dd7312;}

.background {background-color:#dd7312;}

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

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, #030200 is the darkest color, while #fef7f0 is the lightest one.

#030200
```
#030200 rgb(3,2,0)
```
#150b02
```
#150b02 rgb(21,11,2)
```
#281503
```
#281503 rgb(40,21,3)
```
#3a1e05
```
#3a1e05 rgb(58,30,5)
```
#4c2706
```
#4c2706 rgb(76,39,6)
```
#5e3108
```
#5e3108 rgb(94,49,8)
```
#703a09
```
#703a09 rgb(112,58,9)
```
#82440b
```
#82440b rgb(130,68,11)
```
#944d0c
```
#944d0c rgb(148,77,12)
```
#a7570e
```
#a7570e rgb(167,87,14)
```
#b9600f
```
#b9600f rgb(185,96,15)
```
#cb6a11
```
#cb6a11 rgb(203,106,17)
```
#dd7312
```
#dd7312 rgb(221,115,18)
```

Shade Color Variation

#ec7d17
```
#ec7d17 rgb(236,125,23)
```
#ee8729
```
#ee8729 rgb(238,135,41)
```
#ef913b
```
#ef913b rgb(239,145,59)
```
#f09b4d
```
#f09b4d rgb(240,155,77)
```
#f2a55f
```
#f2a55f rgb(242,165,95)
```
#f3af71
```
#f3af71 rgb(243,175,113)
```
#f5ba83
```
#f5ba83 rgb(245,186,131)
```
#f6c496
```
#f6c496 rgb(246,196,150)
```
#f8cea8
```
#f8cea8 rgb(248,206,168)
```
#f9d8ba
```
#f9d8ba rgb(249,216,186)
```
#fbe2cc
```
#fbe2cc rgb(251,226,204)
```
#fcedde
```
#fcedde rgb(252,237,222)
```
#fef7f0
```
#fef7f0 rgb(254,247,240)
```

Tint Color Variation

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

#787777
```
#787777 rgb(120,119,119)
```
#81776e
```
#81776e rgb(129,119,110)
```
#8a7765
```
#8a7765 rgb(138,119,101)
```
#93765c
```
#93765c rgb(147,118,92)
```
#9d7652
```
#9d7652 rgb(157,118,82)
```
#a67549
```
#a67549 rgb(166,117,73)
```
#af7540
```
#af7540 rgb(175,117,64)
```
#b87537
```
#b87537 rgb(184,117,55)
```
#c1742e
```
#c1742e rgb(193,116,46)
```
#cb7424
```
#cb7424 rgb(203,116,36)
```
#d4731b
```
#d4731b rgb(212,115,27)
```
#dd7312
```
#dd7312 rgb(221,115,18)
```
#e67309
```
#e67309 rgb(230,115,9)
```

Tone Color Variation

Below, you can see how #dd7312 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

#888888 Achromatopsia 0.005% of the population
#998470 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79525 Protanopia 1% of men
#ba8e00 Deuteranopia 1% of men
#e27279 Tritanopia 0.001% of the population

Trichromacy

#ba891e Protanomaly 1% of men, 0.01% of women
#c78406 Deuteranomaly 6% of men, 0.4% of women
#e07254 Tritanomaly 0.01% of the population

#dd7312 hex color

#dd7312 Color Information

#dd7312 Color Conversion

Color Schemes with #dd7312

Alternatives to #dd7312

#dd7312 Preview

Shades and Tints of #dd7312

Tones of #dd7312

Color Blindness Simulator