#d5642c hex color

In a RGB color space, hex #d5642c is composed of 83.5% red, 39.2% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.1% magenta, 79.3% yellow and 16.5% black. It has a hue angle of 19.9 degrees, a saturation of 66.8% and a lightness of 50.4%. #d5642c color hex could be obtained by blending #ffc858 with #ab0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 84
- G 39
- B 17
RGB color chart
- C 0
- M 53
- Y 79
- K 16
CMYK color chart

● #d5642c color description : Strong orange.

The hexadecimal color #d5642c has RGB values of R:213, G:100, B:44 and CMYK values of C:0, M:0.53, Y:0.79, K:0.16. Its decimal value is 13984812.

Hex triplet	d5642c	`#d5642c`
RGB Decimal	213, 100, 44	`rgb(213,100,44)`
RGB Percent	83.5, 39.2, 17.3	`rgb(83.5%,39.2%,17.3%)`
CMYK	0, 53, 79, 16
HSL	19.9°, 66.8, 50.4	`hsl(19.9,66.8%,50.4%)`
HSV (or HSB)	19.9°, 79.3, 83.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.528, 41.16, 50.766
XYZ	32.454, 23.445, 5.199
xyY	0.531, 0.384, 23.445
CIE-LCH	55.528, 65.355, 50.966
CIE-LUV	55.528, 91.614, 42.979
Hunter-Lab	48.421, 34.903, 27.528
Binary	11010101, 01100100, 00101100

#d5642c
```
#d5642c rgb(213,100,44)
```
#2c9dd5
```
#2c9dd5 rgb(44,157,213)
```

Complementary Color

#d52c49
```
#d52c49 rgb(213,44,73)
```
#d5642c
```
#d5642c rgb(213,100,44)
```
#d5b92c
```
#d5b92c rgb(213,185,44)
```

Analogous Color

#2c49d5
```
#2c49d5 rgb(44,73,213)
```
#d5642c
```
#d5642c rgb(213,100,44)
```
#2cd5b9
```
#2cd5b9 rgb(44,213,185)
```

Split Complementary Color

#642cd5
```
#642cd5 rgb(100,44,213)
```
#d5642c
```
#d5642c rgb(213,100,44)
```
#2cd564
```
#2cd564 rgb(44,213,100)
```

Triadic Color

#d52c9d
```
#d52c9d rgb(213,44,157)
```
#d5642c
```
#d5642c rgb(213,100,44)
```
#2cd564
```
#2cd564 rgb(44,213,100)
```
#2c9dd5
```
#2c9dd5 rgb(44,157,213)
```

Tetradic Color

#97461e
```
#97461e rgb(151,70,30)
```
#ac5022
```
#ac5022 rgb(172,80,34)
```
#c15a26
```
#c15a26 rgb(193,90,38)
```
#d5642c
```
#d5642c rgb(213,100,44)
```
#d97441
```
#d97441 rgb(217,116,65)
```
#dd8357
```
#dd8357 rgb(221,131,87)
```
#e2936c
```
#e2936c rgb(226,147,108)
```

Monochromatic Color

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

#d53a2c
```
#d53a2c rgb(213,58,44)
```
#d5482c
```
#d5482c rgb(213,72,44)
```
#d5562c
```
#d5562c rgb(213,86,44)
```
#d5642c
```
#d5642c rgb(213,100,44)
```
#d5722c
```
#d5722c rgb(213,114,44)
```
#d5802c
```
#d5802c rgb(213,128,44)
```
#d58e2c
```
#d58e2c rgb(213,142,44)
```

Similar Colors

Text with hexadecimal color #d5642c

This text has a font color of #d5642c.

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

#d5642c background color

This paragraph has a background color of #d5642c.

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

#d5642c border color

This element has a border color of #d5642c.

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

CSS codes

.text {color:#d5642c;}

.background {background-color:#d5642c;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120804
```
#120804 rgb(18,8,4)
```
#221007
```
#221007 rgb(34,16,7)
```
#33180a
```
#33180a rgb(51,24,10)
```
#431f0d
```
#431f0d rgb(67,31,13)
```
#532711
```
#532711 rgb(83,39,17)
```
#642e14
```
#642e14 rgb(100,46,20)
```
#743617
```
#743617 rgb(116,54,23)
```
#853e1a
```
#853e1a rgb(133,62,26)
```
#95451e
```
#95451e rgb(149,69,30)
```
#a54d21
```
#a54d21 rgb(165,77,33)
```
#b65424
```
#b65424 rgb(182,84,36)
```
#c65c27
```
#c65c27 rgb(198,92,39)
```

Shade Color Variation

#d5642c
```
#d5642c rgb(213,100,44)
```
#d8703c
```
#d8703c rgb(216,112,60)
```
#dc7c4d
```
#dc7c4d rgb(220,124,77)
```
#df885d
```
#df885d rgb(223,136,93)
```
#e2946d
```
#e2946d rgb(226,148,109)
```
#e5a07e
```
#e5a07e rgb(229,160,126)
```
#e9ac8e
```
#e9ac8e rgb(233,172,142)
```
#ecb89f
```
#ecb89f rgb(236,184,159)
```
#efc4af
```
#efc4af rgb(239,196,175)
```
#f2d0bf
```
#f2d0bf rgb(242,208,191)
```
#f6dcd0
```
#f6dcd0 rgb(246,220,208)
```
#f9e8e0
```
#f9e8e0 rgb(249,232,224)
```
#fcf4f0
```
#fcf4f0 rgb(252,244,240)
```

Tint Color Variation

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

#877e7a
```
#877e7a rgb(135,126,122)
```
#917b70
```
#917b70 rgb(145,123,112)
```
#9b7866
```
#9b7866 rgb(155,120,102)
```
#a4745d
```
#a4745d rgb(164,116,93)
```
#ae7153
```
#ae7153 rgb(174,113,83)
```
#b86e49
```
#b86e49 rgb(184,110,73)
```
#c26b3f
```
#c26b3f rgb(194,107,63)
```
#cb6736
```
#cb6736 rgb(203,103,54)
```
#d5642c
```
#d5642c rgb(213,100,44)
```
#df6122
```
#df6122 rgb(223,97,34)
```
#e85d19
```
#e85d19 rgb(232,93,25)
```
#f25a0f
```
#f25a0f rgb(242,90,15)
```
#fc5705
```
#fc5705 rgb(252,87,5)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#907a6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8b3f Protanopia 1% of men
#ad842e Deuteranopia 1% of men
#d9666c Tritanopia 0.001% of the population

Trichromacy

#af7d38 Protanomaly 1% of men, 0.01% of women
#bb782d Deuteranomaly 6% of men, 0.4% of women
#d76555 Tritanomaly 0.01% of the population

#d5642c hex color

#d5642c Color Information

#d5642c Color Conversion

Color Schemes with #d5642c

Alternatives to #d5642c

#d5642c Preview

Shades and Tints of #d5642c

Tones of #d5642c

Color Blindness Simulator