#dd6312 hex color

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

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

● #dd6312 color description : Vivid orange.

The hexadecimal color #dd6312 has RGB values of R:221, G:99, B:18 and CMYK values of C:0, M:0.55, Y:0.92, K:0.13. Its decimal value is 14508818.

Hex triplet	dd6312	`#dd6312`
RGB Decimal	221, 99, 18	`rgb(221,99,18)`
RGB Percent	86.7, 38.8, 7.1	`rgb(86.7%,38.8%,7.1%)`
CMYK	0, 55, 92, 13
HSL	23.9°, 84.9, 46.9	`hsl(23.9,84.9%,46.9%)`
HSV (or HSB)	23.9°, 91.9, 86.7
Web Safe	cc6600	`#cc6600`

CIE-LAB	56.43, 44.096, 61.531
XYZ	34.391, 24.343, 3.46
xyY	0.553, 0.391, 24.343
CIE-LCH	56.43, 75.7, 54.373
CIE-LUV	56.43, 101.054, 48.513
Hunter-Lab	49.339, 38.08, 30.379
Binary	11011101, 01100011, 00010010

#dd6312
```
#dd6312 rgb(221,99,18)
```
#128cdd
```
#128cdd rgb(18,140,221)
```

Complementary Color

#dd1227
```
#dd1227 rgb(221,18,39)
```
#dd6312
```
#dd6312 rgb(221,99,18)
```
#ddc912
```
#ddc912 rgb(221,201,18)
```

Analogous Color

#1227dd
```
#1227dd rgb(18,39,221)
```
#dd6312
```
#dd6312 rgb(221,99,18)
```
#12ddc9
```
#12ddc9 rgb(18,221,201)
```

Split Complementary Color

#6312dd
```
#6312dd rgb(99,18,221)
```
#dd6312
```
#dd6312 rgb(221,99,18)
```
#12dd63
```
#12dd63 rgb(18,221,99)
```

Triadic Color

#dd128c
```
#dd128c rgb(221,18,140)
```
#dd6312
```
#dd6312 rgb(221,99,18)
```
#12dd63
```
#12dd63 rgb(18,221,99)
```
#128cdd
```
#128cdd rgb(18,140,221)
```

Tetradic Color

#96430c
```
#96430c rgb(150,67,12)
```
#ae4e0e
```
#ae4e0e rgb(174,78,14)
```
#c55810
```
#c55810 rgb(197,88,16)
```
#dd6312
```
#dd6312 rgb(221,99,18)
```
#ed6f1c
```
#ed6f1c rgb(237,111,28)
```
#ee7e34
```
#ee7e34 rgb(238,126,52)
```
#f08d4b
```
#f08d4b rgb(240,141,75)
```

Monochromatic Color

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

#dd3012
```
#dd3012 rgb(221,48,18)
```
#dd4112
```
#dd4112 rgb(221,65,18)
```
#dd5212
```
#dd5212 rgb(221,82,18)
```
#dd6312
```
#dd6312 rgb(221,99,18)
```
#dd7412
```
#dd7412 rgb(221,116,18)
```
#dd8512
```
#dd8512 rgb(221,133,18)
```
#dd9612
```
#dd9612 rgb(221,150,18)
```

Similar Colors

Text with hexadecimal color #dd6312

This text has a font color of #dd6312.

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

#dd6312 background color

This paragraph has a background color of #dd6312.

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

#dd6312 border color

This element has a border color of #dd6312.

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

CSS codes

.text {color:#dd6312;}

.background {background-color:#dd6312;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#150a02
```
#150a02 rgb(21,10,2)
```
#281203
```
#281203 rgb(40,18,3)
```
#3a1a05
```
#3a1a05 rgb(58,26,5)
```
#4c2206
```
#4c2206 rgb(76,34,6)
```
#5e2a08
```
#5e2a08 rgb(94,42,8)
```
#703209
```
#703209 rgb(112,50,9)
```
#823a0b
```
#823a0b rgb(130,58,11)
```
#94420c
```
#94420c rgb(148,66,12)
```
#a74b0e
```
#a74b0e rgb(167,75,14)
```
#b9530f
```
#b9530f rgb(185,83,15)
```
#cb5b11
```
#cb5b11 rgb(203,91,17)
```
#dd6312
```
#dd6312 rgb(221,99,18)
```

Shade Color Variation

#ec6c17
```
#ec6c17 rgb(236,108,23)
```
#ee7729
```
#ee7729 rgb(238,119,41)
```
#ef833b
```
#ef833b rgb(239,131,59)
```
#f08e4d
```
#f08e4d rgb(240,142,77)
```
#f29a5f
```
#f29a5f rgb(242,154,95)
```
#f3a571
```
#f3a571 rgb(243,165,113)
```
#f5b183
```
#f5b183 rgb(245,177,131)
```
#f6bc96
```
#f6bc96 rgb(246,188,150)
```
#f8c8a8
```
#f8c8a8 rgb(248,200,168)
```
#f9d3ba
```
#f9d3ba rgb(249,211,186)
```
#fbdfcc
```
#fbdfcc rgb(251,223,204)
```
#fceade
```
#fceade rgb(252,234,222)
```
#fef6f0
```
#fef6f0 rgb(254,246,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 #e66109 is the most saturated one.

#787777
```
#787777 rgb(120,119,119)
```
#81766e
```
#81766e rgb(129,118,110)
```
#8a7465
```
#8a7465 rgb(138,116,101)
```
#93725c
```
#93725c rgb(147,114,92)
```
#9d7052
```
#9d7052 rgb(157,112,82)
```
#a66e49
```
#a66e49 rgb(166,110,73)
```
#af6c40
```
#af6c40 rgb(175,108,64)
```
#b86a37
```
#b86a37 rgb(184,106,55)
```
#c1692e
```
#c1692e rgb(193,105,46)
```
#cb6724
```
#cb6724 rgb(203,103,36)
```
#d4651b
```
#d4651b rgb(212,101,27)
```
#dd6312
```
#dd6312 rgb(221,99,18)
```
#e66109
```
#e66109 rgb(230,97,9)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#917968 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8d27 Protanopia 1% of men
#b18600 Deuteranopia 1% of men
#e1646a Tritanopia 0.001% of the population

Trichromacy

#b57e1f Protanomaly 1% of men, 0.01% of women
#c17906 Deuteranomaly 6% of men, 0.4% of women
#df634a Tritanomaly 0.01% of the population

#dd6312 hex color

#dd6312 Color Information

#dd6312 Color Conversion

Color Schemes with #dd6312

Alternatives to #dd6312

#dd6312 Preview

Shades and Tints of #dd6312

Tones of #dd6312

Color Blindness Simulator