#d5542f hex color

In a RGB color space, hex #d5542f is composed of 83.5% red, 32.9% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.6% magenta, 77.9% yellow and 16.5% black. It has a hue angle of 13.4 degrees, a saturation of 66.4% and a lightness of 51%. #d5542f color hex could be obtained by blending #ffa85e with #ab0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 84
- G 33
- B 18
RGB color chart
- C 0
- M 61
- Y 78
- K 16
CMYK color chart

● #d5542f color description : Strong red.

The hexadecimal color #d5542f has RGB values of R:213, G:84, B:47 and CMYK values of C:0, M:0.61, Y:0.78, K:0.16. Its decimal value is 13980719.

Hex triplet	d5542f	`#d5542f`
RGB Decimal	213, 84, 47	`rgb(213,84,47)`
RGB Percent	83.5, 32.9, 18.4	`rgb(83.5%,32.9%,18.4%)`
CMYK	0, 61, 78, 16
HSL	13.4°, 66.4, 51	`hsl(13.4,66.4%,51%)`
HSV (or HSB)	13.4°, 77.9, 83.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.614, 48.885, 46.468
XYZ	31.125, 20.695, 5.045
xyY	0.547, 0.364, 20.695
CIE-LCH	52.614, 67.446, 43.548
CIE-LUV	52.614, 103.423, 36.832
Hunter-Lab	45.492, 42.517, 25.27
Binary	11010101, 01010100, 00101111

#d5542f
```
#d5542f rgb(213,84,47)
```
#2fb0d5
```
#2fb0d5 rgb(47,176,213)
```

Complementary Color

#d52f5d
```
#d52f5d rgb(213,47,93)
```
#d5542f
```
#d5542f rgb(213,84,47)
```
#d5a72f
```
#d5a72f rgb(213,167,47)
```

Analogous Color

#2f5dd5
```
#2f5dd5 rgb(47,93,213)
```
#d5542f
```
#d5542f rgb(213,84,47)
```
#2fd5a7
```
#2fd5a7 rgb(47,213,167)
```

Split Complementary Color

#542fd5
```
#542fd5 rgb(84,47,213)
```
#d5542f
```
#d5542f rgb(213,84,47)
```
#2fd554
```
#2fd554 rgb(47,213,84)
```

Triadic Color

#d52fb0
```
#d52fb0 rgb(213,47,176)
```
#d5542f
```
#d5542f rgb(213,84,47)
```
#2fd554
```
#2fd554 rgb(47,213,84)
```
#2fb0d5
```
#2fb0d5 rgb(47,176,213)
```

Tetradic Color

#993a1f
```
#993a1f rgb(153,58,31)
```
#ae4223
```
#ae4223 rgb(174,66,35)
```
#c34a27
```
#c34a27 rgb(195,74,39)
```
#d5542f
```
#d5542f rgb(213,84,47)
```
#d96544
```
#d96544 rgb(217,101,68)
```
#de7759
```
#de7759 rgb(222,119,89)
```
#e2886f
```
#e2886f rgb(226,136,111)
```

Monochromatic Color

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

#d52f33
```
#d52f33 rgb(213,47,51)
```
#d5382f
```
#d5382f rgb(213,56,47)
```
#d5462f
```
#d5462f rgb(213,70,47)
```
#d5542f
```
#d5542f rgb(213,84,47)
```
#d5622f
```
#d5622f rgb(213,98,47)
```
#d5702f
```
#d5702f rgb(213,112,47)
```
#d57e2f
```
#d57e2f rgb(213,126,47)
```

Similar Colors

Text with hexadecimal color #d5542f

This text has a font color of #d5542f.

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

#d5542f background color

This paragraph has a background color of #d5542f.

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

#d5542f border color

This element has a border color of #d5542f.

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

CSS codes

.text {color:#d5542f;}

.background {background-color:#d5542f;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#140804
```
#140804 rgb(20,8,4)
```
#250e07
```
#250e07 rgb(37,14,7)
```
#35140b
```
#35140b rgb(53,20,11)
```
#451a0e
```
#451a0e rgb(69,26,14)
```
#562111
```
#562111 rgb(86,33,17)
```
#662715
```
#662715 rgb(102,39,21)
```
#762d18
```
#762d18 rgb(118,45,24)
```
#87331b
```
#87331b rgb(135,51,27)
```
#97391e
```
#97391e rgb(151,57,30)
```
#a74022
```
#a74022 rgb(167,64,34)
```
#b84625
```
#b84625 rgb(184,70,37)
```
#c84c28
```
#c84c28 rgb(200,76,40)
```

Shade Color Variation

#d5542f
```
#d5542f rgb(213,84,47)
```
#d8613f
```
#d8613f rgb(216,97,63)
```
#dc6f50
```
#dc6f50 rgb(220,111,80)
```
#df7c60
```
#df7c60 rgb(223,124,96)
```
#e28a70
```
#e28a70 rgb(226,138,112)
```
#e59781
```
#e59781 rgb(229,151,129)
```
#e9a591
```
#e9a591 rgb(233,165,145)
```
#ecb2a1
```
#ecb2a1 rgb(236,178,161)
```
#efbfb2
```
#efbfb2 rgb(239,191,178)
```
#f3cdc2
```
#f3cdc2 rgb(243,205,194)
```
#f6dad2
```
#f6dad2 rgb(246,218,210)
```
#f9e8e3
```
#f9e8e3 rgb(249,232,227)
```
#fdf5f3
```
#fdf5f3 rgb(253,245,243)
```

Tint Color Variation

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

#887f7c
```
#887f7c rgb(136,127,124)
```
#927972
```
#927972 rgb(146,121,114)
```
#9b7469
```
#9b7469 rgb(155,116,105)
```
#a56f5f
```
#a56f5f rgb(165,111,95)
```
#af6955
```
#af6955 rgb(175,105,85)
```
#b8644c
```
#b8644c rgb(184,100,76)
```
#c25f42
```
#c25f42 rgb(194,95,66)
```
#cb5939
```
#cb5939 rgb(203,89,57)
```
#d5542f
```
#d5542f rgb(213,84,47)
```
#df4f25
```
#df4f25 rgb(223,79,37)
```
#e8491c
```
#e8491c rgb(232,73,28)
```
#f24412
```
#f24412 rgb(242,68,18)
```
#fb3f09
```
#fb3f09 rgb(251,63,9)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#896f68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918445 Protanopia 1% of men
#a37e2f Deuteranopia 1% of men
#d8585d Tritanopia 0.001% of the population

Trichromacy

#aa723d Protanomaly 1% of men, 0.01% of women
#b56e2f Deuteranomaly 6% of men, 0.4% of women
#d7564c Tritanomaly 0.01% of the population

#d5542f hex color

#d5542f Color Information

#d5542f Color Conversion

Color Schemes with #d5542f

Alternatives to #d5542f

#d5542f Preview

Shades and Tints of #d5542f

Tones of #d5542f

Color Blindness Simulator