#dc6316 hex color

In a RGB color space, hex #dc6316 is composed of 86.3% red, 38.8% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55% magenta, 90% yellow and 13.7% black. It has a hue angle of 23.3 degrees, a saturation of 81.8% and a lightness of 47.5%. #dc6316 color hex could be obtained by blending #ffc62c with #b90000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 86
- G 39
- B 9
RGB color chart
- C 0
- M 55
- Y 90
- K 14
CMYK color chart

● #dc6316 color description : Vivid orange.

The hexadecimal color #dc6316 has RGB values of R:220, G:99, B:22 and CMYK values of C:0, M:0.55, Y:0.9, K:0.14. Its decimal value is 14443286.

Hex triplet	dc6316	`#dc6316`
RGB Decimal	220, 99, 22	`rgb(220,99,22)`
RGB Percent	86.3, 38.8, 8.6	`rgb(86.3%,38.8%,8.6%)`
CMYK	0, 55, 90, 14
HSL	23.3°, 81.8, 47.5	`hsl(23.3,81.8%,47.5%)`
HSV (or HSB)	23.3°, 90, 86.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	56.288, 43.777, 60.246
XYZ	34.123, 24.201, 3.633
xyY	0.551, 0.391, 24.201
CIE-LCH	56.288, 74.472, 53.996
CIE-LUV	56.288, 100.011, 47.899
Hunter-Lab	49.194, 37.726, 30.057
Binary	11011100, 01100011, 00010110

#dc6316
```
#dc6316 rgb(220,99,22)
```
#168fdc
```
#168fdc rgb(22,143,220)
```

Complementary Color

#dc162c
```
#dc162c rgb(220,22,44)
```
#dc6316
```
#dc6316 rgb(220,99,22)
```
#dcc616
```
#dcc616 rgb(220,198,22)
```

Analogous Color

#162cdc
```
#162cdc rgb(22,44,220)
```
#dc6316
```
#dc6316 rgb(220,99,22)
```
#16dcc6
```
#16dcc6 rgb(22,220,198)
```

Split Complementary Color

#6316dc
```
#6316dc rgb(99,22,220)
```
#dc6316
```
#dc6316 rgb(220,99,22)
```
#16dc63
```
#16dc63 rgb(22,220,99)
```

Triadic Color

#dc168f
```
#dc168f rgb(220,22,143)
```
#dc6316
```
#dc6316 rgb(220,99,22)
```
#16dc63
```
#16dc63 rgb(22,220,99)
```
#168fdc
```
#168fdc rgb(22,143,220)
```

Tetradic Color

#96440f
```
#96440f rgb(150,68,15)
```
#ae4e11
```
#ae4e11 rgb(174,78,17)
```
#c55914
```
#c55914 rgb(197,89,20)
```
#dc6316
```
#dc6316 rgb(220,99,22)
```
#e97023
```
#e97023 rgb(233,112,35)
```
#eb7f3a
```
#eb7f3a rgb(235,127,58)
```
#ee8e51
```
#ee8e51 rgb(238,142,81)
```

Monochromatic Color

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

#dc3216
```
#dc3216 rgb(220,50,22)
```
#dc4216
```
#dc4216 rgb(220,66,22)
```
#dc5316
```
#dc5316 rgb(220,83,22)
```
#dc6316
```
#dc6316 rgb(220,99,22)
```
#dc7416
```
#dc7416 rgb(220,116,22)
```
#dc8416
```
#dc8416 rgb(220,132,22)
```
#dc9516
```
#dc9516 rgb(220,149,22)
```

Similar Colors

Text with hexadecimal color #dc6316

This text has a font color of #dc6316.

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

#dc6316 background color

This paragraph has a background color of #dc6316.

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

#dc6316 border color

This element has a border color of #dc6316.

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

CSS codes

.text {color:#dc6316;}

.background {background-color:#dc6316;}

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

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

#060301
```
#060301 rgb(6,3,1)
```
#180b02
```
#180b02 rgb(24,11,2)
```
#2a1304
```
#2a1304 rgb(42,19,4)
```
#3c1b06
```
#3c1b06 rgb(60,27,6)
```
#4d2308
```
#4d2308 rgb(77,35,8)
```
#5f2b0a
```
#5f2b0a rgb(95,43,10)
```
#71330b
```
#71330b rgb(113,51,11)
```
#833b0d
```
#833b0d rgb(131,59,13)
```
#95430f
```
#95430f rgb(149,67,15)
```
#a74b11
```
#a74b11 rgb(167,75,17)
```
#b85312
```
#b85312 rgb(184,83,18)
```
#ca5b14
```
#ca5b14 rgb(202,91,20)
```
#dc6316
```
#dc6316 rgb(220,99,22)
```

Shade Color Variation

#e86c1d
```
#e86c1d rgb(232,108,29)
```
#ea782f
```
#ea782f rgb(234,120,47)
```
#ec8341
```
#ec8341 rgb(236,131,65)
```
#ee8f53
```
#ee8f53 rgb(238,143,83)
```
#f09b65
```
#f09b65 rgb(240,155,101)
```
#f1a676
```
#f1a676 rgb(241,166,118)
```
#f3b288
```
#f3b288 rgb(243,178,136)
```
#f5bd9a
```
#f5bd9a rgb(245,189,154)
```
#f7c9ac
```
#f7c9ac rgb(247,201,172)
```
#f8d5be
```
#f8d5be rgb(248,213,190)
```
#fae0d0
```
#fae0d0 rgb(250,224,208)
```
#fcece1
```
#fcece1 rgb(252,236,225)
```
#fef7f3
```
#fef7f3 rgb(254,247,243)
```

Tint Color Variation

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

#7f7873
```
#7f7873 rgb(127,120,115)
```
#88766a
```
#88766a rgb(136,118,106)
```
#927460
```
#927460 rgb(146,116,96)
```
#9b7157
```
#9b7157 rgb(155,113,87)
```
#a46f4e
```
#a46f4e rgb(164,111,78)
```
#ad6d45
```
#ad6d45 rgb(173,109,69)
```
#b76b3b
```
#b76b3b rgb(183,107,59)
```
#c06932
```
#c06932 rgb(192,105,50)
```
#c96729
```
#c96729 rgb(201,103,41)
```
#d3651f
```
#d3651f rgb(211,101,31)
```
#dc6316
```
#dc6316 rgb(220,99,22)
```
#e5610d
```
#e5610d rgb(229,97,13)
```
#ef5f03
```
#ef5f03 rgb(239,95,3)
```

Tone Color Variation

Below, you can see how #dc6316 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
#917969 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8d2a Protanopia 1% of men
#b08600 Deuteranopia 1% of men
#e0646a Tritanopia 0.001% of the population

Trichromacy

#b47e23 Protanomaly 1% of men, 0.01% of women
#c07908 Deuteranomaly 6% of men, 0.4% of women
#de634b Tritanomaly 0.01% of the population

#dc6316 hex color

#dc6316 Color Information

#dc6316 Color Conversion

Color Schemes with #dc6316

Alternatives to #dc6316

#dc6316 Preview

Shades and Tints of #dc6316

Tones of #dc6316

Color Blindness Simulator