#d5522c hex color

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

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

● #d5522c color description : Strong red.

The hexadecimal color #d5522c has RGB values of R:213, G:82, B:44 and CMYK values of C:0, M:0.62, Y:0.79, K:0.16. Its decimal value is 13980204.

Hex triplet	d5522c	`#d5522c`
RGB Decimal	213, 82, 44	`rgb(213,82,44)`
RGB Percent	83.5, 32.2, 17.3	`rgb(83.5%,32.2%,17.3%)`
CMYK	0, 62, 79, 16
HSL	13.5°, 66.8, 50.4	`hsl(13.5,66.8%,50.4%)`
HSV (or HSB)	13.5°, 79.3, 83.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.248, 49.68, 47.582
XYZ	30.914, 20.366, 4.686
xyY	0.552, 0.364, 20.366
CIE-LCH	52.248, 68.791, 43.764
CIE-LUV	52.248, 105.279, 37.134
Hunter-Lab	45.129, 43.3, 25.434
Binary	11010101, 01010010, 00101100

#d5522c
```
#d5522c rgb(213,82,44)
```
#2cafd5
```
#2cafd5 rgb(44,175,213)
```

Complementary Color

#d52c5a
```
#d52c5a rgb(213,44,90)
```
#d5522c
```
#d5522c rgb(213,82,44)
```
#d5a72c
```
#d5a72c rgb(213,167,44)
```

Analogous Color

#2c5bd5
```
#2c5bd5 rgb(44,91,213)
```
#d5522c
```
#d5522c rgb(213,82,44)
```
#2cd5a7
```
#2cd5a7 rgb(44,213,167)
```

Split Complementary Color

#522cd5
```
#522cd5 rgb(82,44,213)
```
#d5522c
```
#d5522c rgb(213,82,44)
```
#2cd552
```
#2cd552 rgb(44,213,82)
```

Triadic Color

#d52caf
```
#d52caf rgb(213,44,175)
```
#d5522c
```
#d5522c rgb(213,82,44)
```
#2cd552
```
#2cd552 rgb(44,213,82)
```
#2cafd5
```
#2cafd5 rgb(44,175,213)
```

Tetradic Color

#97391e
```
#97391e rgb(151,57,30)
```
#ac4122
```
#ac4122 rgb(172,65,34)
```
#c14926
```
#c14926 rgb(193,73,38)
```
#d5522c
```
#d5522c rgb(213,82,44)
```
#d96341
```
#d96341 rgb(217,99,65)
```
#dd7557
```
#dd7557 rgb(221,117,87)
```
#e2866c
```
#e2866c rgb(226,134,108)
```

Monochromatic Color

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

#d52c30
```
#d52c30 rgb(213,44,48)
```
#d5362c
```
#d5362c rgb(213,54,44)
```
#d5442c
```
#d5442c rgb(213,68,44)
```
#d5522c
```
#d5522c rgb(213,82,44)
```
#d5602c
```
#d5602c rgb(213,96,44)
```
#d56e2c
```
#d56e2c rgb(213,110,44)
```
#d57c2c
```
#d57c2c rgb(213,124,44)
```

Similar Colors

Text with hexadecimal color #d5522c

This text has a font color of #d5522c.

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

#d5522c background color

This paragraph has a background color of #d5522c.

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

#d5522c border color

This element has a border color of #d5522c.

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

CSS codes

.text {color:#d5522c;}

.background {background-color:#d5522c;}

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

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 #fcf3f0 is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#120704
```
#120704 rgb(18,7,4)
```
#220d07
```
#220d07 rgb(34,13,7)
```
#33130a
```
#33130a rgb(51,19,10)
```
#43190d
```
#43190d rgb(67,25,13)
```
#532011
```
#532011 rgb(83,32,17)
```
#642614
```
#642614 rgb(100,38,20)
```
#742c17
```
#742c17 rgb(116,44,23)
```
#85321a
```
#85321a rgb(133,50,26)
```
#95381e
```
#95381e rgb(149,56,30)
```
#a53f21
```
#a53f21 rgb(165,63,33)
```
#b64524
```
#b64524 rgb(182,69,36)
```
#c64b27
```
#c64b27 rgb(198,75,39)
```

Shade Color Variation

#d5522c
```
#d5522c rgb(213,82,44)
```
#d85f3c
```
#d85f3c rgb(216,95,60)
```
#dc6d4d
```
#dc6d4d rgb(220,109,77)
```
#df7a5d
```
#df7a5d rgb(223,122,93)
```
#e2886d
```
#e2886d rgb(226,136,109)
```
#e5957e
```
#e5957e rgb(229,149,126)
```
#e9a28e
```
#e9a28e rgb(233,162,142)
```
#ecb09f
```
#ecb09f rgb(236,176,159)
```
#efbdaf
```
#efbdaf rgb(239,189,175)
```
#f2cbbf
```
#f2cbbf rgb(242,203,191)
```
#f6d8d0
```
#f6d8d0 rgb(246,216,208)
```
#f9e6e0
```
#f9e6e0 rgb(249,230,224)
```
#fcf3f0
```
#fcf3f0 rgb(252,243,240)
```

Tint Color Variation

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

#877d7a
```
#877d7a rgb(135,125,122)
```
#917770
```
#917770 rgb(145,119,112)
```
#9b7266
```
#9b7266 rgb(155,114,102)
```
#a46d5d
```
#a46d5d rgb(164,109,93)
```
#ae6753
```
#ae6753 rgb(174,103,83)
```
#b86249
```
#b86249 rgb(184,98,73)
```
#c25d3f
```
#c25d3f rgb(194,93,63)
```
#cb5736
```
#cb5736 rgb(203,87,54)
```
#d5522c
```
#d5522c rgb(213,82,44)
```
#df4d22
```
#df4d22 rgb(223,77,34)
```
#e84719
```
#e84719 rgb(232,71,25)
```
#f2420f
```
#f2420f rgb(242,66,15)
```
#fc3d05
```
#fc3d05 rgb(252,61,5)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#886e66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908342 Protanopia 1% of men
#a37d2b Deuteranopia 1% of men
#d8565b Tritanopia 0.001% of the population

Trichromacy

#a9713a Protanomaly 1% of men, 0.01% of women
#b56d2b Deuteranomaly 6% of men, 0.4% of women
#d7554a Tritanomaly 0.01% of the population

#d5522c hex color

#d5522c Color Information

#d5522c Color Conversion

Color Schemes with #d5522c

Alternatives to #d5522c

#d5522c Preview

Shades and Tints of #d5522c

Tones of #d5522c

Color Blindness Simulator