#dc7345 hex color

In a RGB color space, hex #dc7345 is composed of 86.3% red, 45.1% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.7% magenta, 68.6% yellow and 13.7% black. It has a hue angle of 18.3 degrees, a saturation of 68.3% and a lightness of 56.7%. #dc7345 color hex could be obtained by blending #ffe68a with #b90000. Closest websafe color is: #cc6633.

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

● #dc7345 color description : Soft orange.

The hexadecimal color #dc7345 has RGB values of R:220, G:115, B:69 and CMYK values of C:0, M:0.48, Y:0.69, K:0.14. Its decimal value is 14447429.

Hex triplet	dc7345	`#dc7345`
RGB Decimal	220, 115, 69	`rgb(220,115,69)`
RGB Percent	86.3, 45.1, 27.1	`rgb(86.3%,45.1%,27.1%)`
CMYK	0, 48, 69, 14
HSL	18.3°, 68.3, 56.7	`hsl(18.3,68.3%,56.7%)`
HSV (or HSB)	18.3°, 68.6, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	59.807, 37.408, 43.313
XYZ	36.721, 27.91, 9.083
xyY	0.498, 0.379, 27.91
CIE-LCH	59.807, 57.231, 49.184
CIE-LUV	59.807, 82.81, 40.534
Hunter-Lab	52.83, 31.62, 26.787
Binary	11011100, 01110011, 01000101

#dc7345
```
#dc7345 rgb(220,115,69)
```
#45aedc
```
#45aedc rgb(69,174,220)
```

Complementary Color

#dc4563
```
#dc4563 rgb(220,69,99)
```
#dc7345
```
#dc7345 rgb(220,115,69)
```
#dcbf45
```
#dcbf45 rgb(220,191,69)
```

Analogous Color

#4562dc
```
#4562dc rgb(69,98,220)
```
#dc7345
```
#dc7345 rgb(220,115,69)
```
#45dcbf
```
#45dcbf rgb(69,220,191)
```

Split Complementary Color

#7345dc
```
#7345dc rgb(115,69,220)
```
#dc7345
```
#dc7345 rgb(220,115,69)
```
#45dc73
```
#45dc73 rgb(69,220,115)
```

Triadic Color

#dc45ae
```
#dc45ae rgb(220,69,174)
```
#dc7345
```
#dc7345 rgb(220,115,69)
```
#45dc73
```
#45dc73 rgb(69,220,115)
```
#45aedc
```
#45aedc rgb(69,174,220)
```

Tetradic Color

#b34e22
```
#b34e22 rgb(179,78,34)
```
#c85726
```
#c85726 rgb(200,87,38)
```
#d86330
```
#d86330 rgb(216,99,48)
```
#dc7345
```
#dc7345 rgb(220,115,69)
```
#e0835a
```
#e0835a rgb(224,131,90)
```
#e49370
```
#e49370 rgb(228,147,112)
```
#e8a385
```
#e8a385 rgb(232,163,133)
```

Monochromatic Color

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

#dc4d45
```
#dc4d45 rgb(220,77,69)
```
#dc5a45
```
#dc5a45 rgb(220,90,69)
```
#dc6645
```
#dc6645 rgb(220,102,69)
```
#dc7345
```
#dc7345 rgb(220,115,69)
```
#dc8045
```
#dc8045 rgb(220,128,69)
```
#dc8c45
```
#dc8c45 rgb(220,140,69)
```
#dc9945
```
#dc9945 rgb(220,153,69)
```

Similar Colors

Text with hexadecimal color #dc7345

This text has a font color of #dc7345.

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

#dc7345 background color

This paragraph has a background color of #dc7345.

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

#dc7345 border color

This element has a border color of #dc7345.

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

CSS codes

.text {color:#dc7345;}

.background {background-color:#dc7345;}

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

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

#0c0502
```
#0c0502 rgb(12,5,2)
```
#1d0c05
```
#1d0c05 rgb(29,12,5)
```
#2d1408
```
#2d1408 rgb(45,20,8)
```
#3e1b0c
```
#3e1b0c rgb(62,27,12)
```
#4e220f
```
#4e220f rgb(78,34,15)
```
#5f2912
```
#5f2912 rgb(95,41,18)
```
#6f3015
```
#6f3015 rgb(111,48,21)
```
#803818
```
#803818 rgb(128,56,24)
```
#903f1b
```
#903f1b rgb(144,63,27)
```
#a1461e
```
#a1461e rgb(161,70,30)
```
#b14d21
```
#b14d21 rgb(177,77,33)
```
#c25424
```
#c25424 rgb(194,84,36)
```
#d25c28
```
#d25c28 rgb(210,92,40)
```

Shade Color Variation

#d96734
```
#d96734 rgb(217,103,52)
```
#dc7345
```
#dc7345 rgb(220,115,69)
```
#df7f56
```
#df7f56 rgb(223,127,86)
```
#e28c66
```
#e28c66 rgb(226,140,102)
```
#e59877
```
#e59877 rgb(229,152,119)
```
#e8a587
```
#e8a587 rgb(232,165,135)
```
#ecb198
```
#ecb198 rgb(236,177,152)
```
#efbea8
```
#efbea8 rgb(239,190,168)
```
#f2cab9
```
#f2cab9 rgb(242,202,185)
```
#f5d6c9
```
#f5d6c9 rgb(245,214,201)
```
#f8e3da
```
#f8e3da rgb(248,227,218)
```
#fbefea
```
#fbefea rgb(251,239,234)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#988e89
```
#988e89 rgb(152,142,137)
```
#a18a81
```
#a18a81 rgb(161,138,129)
```
#a98778
```
#a98778 rgb(169,135,120)
```
#b28470
```
#b28470 rgb(178,132,112)
```
#ba8067
```
#ba8067 rgb(186,128,103)
```
#c37d5e
```
#c37d5e rgb(195,125,94)
```
#cb7a56
```
#cb7a56 rgb(203,122,86)
```
#d4764e
```
#d4764e rgb(212,118,78)
```
#dc7345
```
#dc7345 rgb(220,115,69)
```
#e5703d
```
#e5703d rgb(229,112,61)
```
#ed6c34
```
#ed6c34 rgb(237,108,52)
```
#f6692c
```
#f6692c rgb(246,105,44)
```
#fe6623
```
#fe6623 rgb(254,102,35)
```

Tone Color Variation

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

Dichromacy

#a49557 Protanopia 1% of men
#b78f48 Deuteranopia 1% of men
#e0747c Tritanopia 0.001% of the population

Trichromacy

#b88950 Protanomaly 1% of men, 0.01% of women
#c48447 Deuteranomaly 6% of men, 0.4% of women
#de7468 Tritanomaly 0.01% of the population

#dc7345 hex color

#dc7345 Color Information

#dc7345 Color Conversion

Color Schemes with #dc7345

Alternatives to #dc7345

#dc7345 Preview

Shades and Tints of #dc7345

Tones of #dc7345

Color Blindness Simulator