colorhexa.com

#dc7342 hex color

In a RGB color space, hex #dc7342 is composed of 86.3% red, 45.1% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.7% magenta, 70% yellow and 13.7% black. It has a hue angle of 19.1 degrees, a saturation of 68.8% and a lightness of 56.1%. #dc7342 color hex could be obtained by blending #ffe684 with #b90000. Closest websafe color is: #cc6633.

- R 86
- G 45
- B 26
RGB color chart
- C 0
- M 48
- Y 70
- K 14
CMYK color chart

● #dc7342 color description : Bright orange.

The hexadecimal color #dc7342 has RGB values of R:220, G:115, B:66 and CMYK values of C:0, M:0.48, Y:0.7, K:0.14. Its decimal value is 14447426.

Hex triplet	dc7342	`#dc7342`
RGB Decimal	220, 115, 66	`rgb(220,115,66)`
RGB Percent	86.3, 45.1, 25.9	`rgb(86.3%,45.1%,25.9%)`
CMYK	0, 48, 70, 14
HSL	19.1°, 68.8, 56.1	`hsl(19.1,68.8%,56.1%)`
HSV (or HSB)	19.1°, 70, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	59.774, 37.249, 44.818
XYZ	36.63, 27.874, 8.605
xyY	0.501, 0.381, 27.874
CIE-LCH	59.774, 58.276, 50.269
CIE-LUV	59.774, 83.196, 41.725
Hunter-Lab	52.796, 31.454, 27.293
Binary	11011100, 01110011, 01000010

#dc7342
```
#dc7342 rgb(220,115,66)
```
#42abdc
```
#42abdc rgb(66,171,220)
```

Complementary Color

#dc425e
```
#dc425e rgb(220,66,94)
```
#dc7342
```
#dc7342 rgb(220,115,66)
```
#dcc042
```
#dcc042 rgb(220,192,66)
```

Analogous Color

#425edc
```
#425edc rgb(66,94,220)
```
#dc7342
```
#dc7342 rgb(220,115,66)
```
#42dcc0
```
#42dcc0 rgb(66,220,192)
```

Split Complementary Color

#7342dc
```
#7342dc rgb(115,66,220)
```
#dc7342
```
#dc7342 rgb(220,115,66)
```
#42dc73
```
#42dc73 rgb(66,220,115)
```

Triadic Color

#dc42ab
```
#dc42ab rgb(220,66,171)
```
#dc7342
```
#dc7342 rgb(220,115,66)
```
#42dc73
```
#42dc73 rgb(66,220,115)
```
#42abdc
```
#42abdc rgb(66,171,220)
```

Tetradic Color

#b14f21
```
#b14f21 rgb(177,79,33)
```
#c65825
```
#c65825 rgb(198,88,37)
```
#d8632c
```
#d8632c rgb(216,99,44)
```
#dc7342
```
#dc7342 rgb(220,115,66)
```
#e08358
```
#e08358 rgb(224,131,88)
```
#e4936d
```
#e4936d rgb(228,147,109)
```
#e8a383
```
#e8a383 rgb(232,163,131)
```

Monochromatic Color

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

#dc4d42
```
#dc4d42 rgb(220,77,66)
```
#dc5942
```
#dc5942 rgb(220,89,66)
```
#dc6642
```
#dc6642 rgb(220,102,66)
```
#dc7342
```
#dc7342 rgb(220,115,66)
```
#dc8042
```
#dc8042 rgb(220,128,66)
```
#dc8d42
```
#dc8d42 rgb(220,141,66)
```
#dc9a42
```
#dc9a42 rgb(220,154,66)
```

Similar Colors

Text with hexadecimal color #dc7342

This text has a font color of #dc7342.

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

#dc7342 background color

This paragraph has a background color of #dc7342.

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

#dc7342 border color

This element has a border color of #dc7342.

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

CSS codes

.text {color:#dc7342;}

.background {background-color:#dc7342;}

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

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, #0a0402 is the darkest color, while #fefaf8 is the lightest one.

#0a0402
```
#0a0402 rgb(10,4,2)
```
#1a0c05
```
#1a0c05 rgb(26,12,5)
```
#2b1308
```
#2b1308 rgb(43,19,8)
```
#3b1a0b
```
#3b1a0b rgb(59,26,11)
```
#4c220e
```
#4c220e rgb(76,34,14)
```
#5c2911
```
#5c2911 rgb(92,41,17)
```
#6d3014
```
#6d3014 rgb(109,48,20)
```
#7d3817
```
#7d3817 rgb(125,56,23)
```
#8e3f1a
```
#8e3f1a rgb(142,63,26)
```
#9f461d
```
#9f461d rgb(159,70,29)
```
#af4e20
```
#af4e20 rgb(175,78,32)
```
#c05523
```
#c05523 rgb(192,85,35)
```
#d05d27
```
#d05d27 rgb(208,93,39)
```

Shade Color Variation

#d96731
```
#d96731 rgb(217,103,49)
```
#dc7342
```
#dc7342 rgb(220,115,66)
```
#df7f53
```
#df7f53 rgb(223,127,83)
```
#e28c63
```
#e28c63 rgb(226,140,99)
```
#e59874
```
#e59874 rgb(229,152,116)
```
#e8a484
```
#e8a484 rgb(232,164,132)
```
#ebb095
```
#ebb095 rgb(235,176,149)
```
#eebda5
```
#eebda5 rgb(238,189,165)
```
#f1c9b6
```
#f1c9b6 rgb(241,201,182)
```
#f5d5c6
```
#f5d5c6 rgb(245,213,198)
```
#f8e1d7
```
#f8e1d7 rgb(248,225,215)
```
#fbeee8
```
#fbeee8 rgb(251,238,232)
```
#fefaf8
```
#fefaf8 rgb(254,250,248)
```

Tint Color Variation

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

#978c87
```
#978c87 rgb(151,140,135)
```
#a0897e
```
#a0897e rgb(160,137,126)
```
#a88676
```
#a88676 rgb(168,134,118)
```
#b1836d
```
#b1836d rgb(177,131,109)
```
#ba8064
```
#ba8064 rgb(186,128,100)
```
#c27c5c
```
#c27c5c rgb(194,124,92)
```
#cb7953
```
#cb7953 rgb(203,121,83)
```
#d3764b
```
#d3764b rgb(211,118,75)
```
#dc7342
```
#dc7342 rgb(220,115,66)
```
#e57039
```
#e57039 rgb(229,112,57)
```
#ed6d31
```
#ed6d31 rgb(237,109,49)
```
#f66a28
```
#f66a28 rgb(246,106,40)
```
#fe6620
```
#fe6620 rgb(254,102,32)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#9d887e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49554 Protanopia 1% of men
#b78e45 Deuteranopia 1% of men
#e0747b Tritanopia 0.001% of the population

Trichromacy

#b8894d Protanomaly 1% of men, 0.01% of women
#c58444 Deuteranomaly 6% of men, 0.4% of women
#de7366 Tritanomaly 0.01% of the population