#dc7344 hex color

In a RGB color space, hex #dc7344 is composed of 86.3% red, 45.1% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.7% magenta, 69.1% yellow and 13.7% black. It has a hue angle of 18.6 degrees, a saturation of 68.5% and a lightness of 56.5%. #dc7344 color hex could be obtained by blending #ffe688 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

● #dc7344 color description : Soft orange.

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

Hex triplet	dc7344	`#dc7344`
RGB Decimal	220, 115, 68	`rgb(220,115,68)`
RGB Percent	86.3, 45.1, 26.7	`rgb(86.3%,45.1%,26.7%)`
CMYK	0, 48, 69, 14
HSL	18.6°, 68.5, 56.5	`hsl(18.6,68.5%,56.5%)`
HSV (or HSB)	18.6°, 69.1, 86.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	59.796, 37.354, 43.817
XYZ	36.69, 27.898, 8.921
xyY	0.499, 0.38, 27.898
CIE-LCH	59.796, 57.578, 49.552
CIE-LUV	59.796, 82.941, 40.937
Hunter-Lab	52.818, 31.564, 26.959
Binary	11011100, 01110011, 01000100

#dc7344
```
#dc7344 rgb(220,115,68)
```
#44addc
```
#44addc rgb(68,173,220)
```

Complementary Color

#dc4461
```
#dc4461 rgb(220,68,97)
```
#dc7344
```
#dc7344 rgb(220,115,68)
```
#dcbf44
```
#dcbf44 rgb(220,191,68)
```

Analogous Color

#4461dc
```
#4461dc rgb(68,97,220)
```
#dc7344
```
#dc7344 rgb(220,115,68)
```
#44dcbf
```
#44dcbf rgb(68,220,191)
```

Split Complementary Color

#7344dc
```
#7344dc rgb(115,68,220)
```
#dc7344
```
#dc7344 rgb(220,115,68)
```
#44dc73
```
#44dc73 rgb(68,220,115)
```

Triadic Color

#dc44ad
```
#dc44ad rgb(220,68,173)
```
#dc7344
```
#dc7344 rgb(220,115,68)
```
#44dc73
```
#44dc73 rgb(68,220,115)
```
#44addc
```
#44addc rgb(68,173,220)
```

Tetradic Color

#b24e21
```
#b24e21 rgb(178,78,33)
```
#c85825
```
#c85825 rgb(200,88,37)
```
#d8632f
```
#d8632f rgb(216,99,47)
```
#dc7344
```
#dc7344 rgb(220,115,68)
```
#e08359
```
#e08359 rgb(224,131,89)
```
#e4936f
```
#e4936f rgb(228,147,111)
```
#e8a384
```
#e8a384 rgb(232,163,132)
```

Monochromatic Color

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

#dc4d44
```
#dc4d44 rgb(220,77,68)
```
#dc5a44
```
#dc5a44 rgb(220,90,68)
```
#dc6644
```
#dc6644 rgb(220,102,68)
```
#dc7344
```
#dc7344 rgb(220,115,68)
```
#dc8044
```
#dc8044 rgb(220,128,68)
```
#dc8c44
```
#dc8c44 rgb(220,140,68)
```
#dc9944
```
#dc9944 rgb(220,153,68)
```

Similar Colors

Text with hexadecimal color #dc7344

This text has a font color of #dc7344.

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

#dc7344 background color

This paragraph has a background color of #dc7344.

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

#dc7344 border color

This element has a border color of #dc7344.

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

CSS codes

.text {color:#dc7344;}

.background {background-color:#dc7344;}

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

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

#0b0502
```
#0b0502 rgb(11,5,2)
```
#1c0c05
```
#1c0c05 rgb(28,12,5)
```
#2c1308
```
#2c1308 rgb(44,19,8)
```
#3d1b0b
```
#3d1b0b rgb(61,27,11)
```
#4d220e
```
#4d220e rgb(77,34,14)
```
#5e2912
```
#5e2912 rgb(94,41,18)
```
#6e3015
```
#6e3015 rgb(110,48,21)
```
#7f3818
```
#7f3818 rgb(127,56,24)
```
#8f3f1b
```
#8f3f1b rgb(143,63,27)
```
#a0461e
```
#a0461e rgb(160,70,30)
```
#b14d21
```
#b14d21 rgb(177,77,33)
```
#c15524
```
#c15524 rgb(193,85,36)
```
#d25c27
```
#d25c27 rgb(210,92,39)
```

Shade Color Variation

#d96733
```
#d96733 rgb(217,103,51)
```
#dc7344
```
#dc7344 rgb(220,115,68)
```
#df7f55
```
#df7f55 rgb(223,127,85)
```
#e28c65
```
#e28c65 rgb(226,140,101)
```
#e59876
```
#e59876 rgb(229,152,118)
```
#e8a486
```
#e8a486 rgb(232,164,134)
```
#ebb197
```
#ebb197 rgb(235,177,151)
```
#efbda7
```
#efbda7 rgb(239,189,167)
```
#f2cab8
```
#f2cab8 rgb(242,202,184)
```
#f5d6c8
```
#f5d6c8 rgb(245,214,200)
```
#f8e2d9
```
#f8e2d9 rgb(248,226,217)
```
#fbefe9
```
#fbefe9 rgb(251,239,233)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#988d88
```
#988d88 rgb(152,141,136)
```
#a08a80
```
#a08a80 rgb(160,138,128)
```
#a98777
```
#a98777 rgb(169,135,119)
```
#b1836f
```
#b1836f rgb(177,131,111)
```
#ba8066
```
#ba8066 rgb(186,128,102)
```
#c27d5e
```
#c27d5e rgb(194,125,94)
```
#cb7a55
```
#cb7a55 rgb(203,122,85)
```
#d3764d
```
#d3764d rgb(211,118,77)
```
#dc7344
```
#dc7344 rgb(220,115,68)
```
#e5703b
```
#e5703b rgb(229,112,59)
```
#ed6c33
```
#ed6c33 rgb(237,108,51)
```
#f6692a
```
#f6692a rgb(246,105,42)
```
#fe6622
```
#fe6622 rgb(254,102,34)
```

Tone Color Variation

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

#a49556 Protanopia 1% of men
#b78f47 Deuteranopia 1% of men
#e0747c Tritanopia 0.001% of the population

Trichromacy

#b8894f Protanomaly 1% of men, 0.01% of women
#c48446 Deuteranomaly 6% of men, 0.4% of women
#de7467 Tritanomaly 0.01% of the population

#dc7344 hex color

#dc7344 Color Information

#dc7344 Color Conversion

Color Schemes with #dc7344

Alternatives to #dc7344

#dc7344 Preview

Shades and Tints of #dc7344

Tones of #dc7344

Color Blindness Simulator