#d5521f hex color

In a RGB color space, hex #d5521f is composed of 83.5% red, 32.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.5% magenta, 85.4% yellow and 16.5% black. It has a hue angle of 16.8 degrees, a saturation of 74.6% and a lightness of 47.8%. #d5521f color hex could be obtained by blending #ffa43e with #ab0000. Closest websafe color is: #cc6633.

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

● #d5521f color description : Strong orange.

The hexadecimal color #d5521f has RGB values of R:213, G:82, B:31 and CMYK values of C:0, M:0.62, Y:0.85, K:0.16. Its decimal value is 13980191.

Hex triplet	d5521f	`#d5521f`
RGB Decimal	213, 82, 31	`rgb(213,82,31)`
RGB Percent	83.5, 32.2, 12.2	`rgb(83.5%,32.2%,12.2%)`
CMYK	0, 62, 85, 16
HSL	16.8°, 74.6, 47.8	`hsl(16.8,74.6%,47.8%)`
HSV (or HSB)	16.8°, 85.4, 83.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.156, 49.31, 53.352
XYZ	30.707, 20.283, 3.594
xyY	0.563, 0.372, 20.283
CIE-LCH	52.156, 72.649, 47.255
CIE-LUV	52.156, 106.736, 40.452
Hunter-Lab	45.037, 42.889, 26.794
Binary	11010101, 01010010, 00011111

#d5521f
```
#d5521f rgb(213,82,31)
```
#1fa2d5
```
#1fa2d5 rgb(31,162,213)
```

Complementary Color

#d51f47
```
#d51f47 rgb(213,31,71)
```
#d5521f
```
#d5521f rgb(213,82,31)
```
#d5ad1f
```
#d5ad1f rgb(213,173,31)
```

Analogous Color

#1f47d5
```
#1f47d5 rgb(31,71,213)
```
#d5521f
```
#d5521f rgb(213,82,31)
```
#1fd5ad
```
#1fd5ad rgb(31,213,173)
```

Split Complementary Color

#521fd5
```
#521fd5 rgb(82,31,213)
```
#d5521f
```
#d5521f rgb(213,82,31)
```
#1fd552
```
#1fd552 rgb(31,213,82)
```

Triadic Color

#d51fa2
```
#d51fa2 rgb(213,31,162)
```
#d5521f
```
#d5521f rgb(213,82,31)
```
#1fd552
```
#1fd552 rgb(31,213,82)
```
#1fa2d5
```
#1fa2d5 rgb(31,162,213)
```

Tetradic Color

#923815
```
#923815 rgb(146,56,21)
```
#a84119
```
#a84119 rgb(168,65,25)
```
#bf491c
```
#bf491c rgb(191,73,28)
```
#d5521f
```
#d5521f rgb(213,82,31)
```
#e05f2d
```
#e05f2d rgb(224,95,45)
```
#e47043
```
#e47043 rgb(228,112,67)
```
#e7815a
```
#e7815a rgb(231,129,90)
```

Monochromatic Color

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

#d5251f
```
#d5251f rgb(213,37,31)
```
#d5341f
```
#d5341f rgb(213,52,31)
```
#d5431f
```
#d5431f rgb(213,67,31)
```
#d5521f
```
#d5521f rgb(213,82,31)
```
#d5611f
```
#d5611f rgb(213,97,31)
```
#d5701f
```
#d5701f rgb(213,112,31)
```
#d5801f
```
#d5801f rgb(213,128,31)
```

Similar Colors

Text with hexadecimal color #d5521f

This text has a font color of #d5521f.

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

#d5521f background color

This paragraph has a background color of #d5521f.

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

#d5521f border color

This element has a border color of #d5521f.

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

CSS codes

.text {color:#d5521f;}

.background {background-color:#d5521f;}

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

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

#080301
```
#080301 rgb(8,3,1)
```
#190904
```
#190904 rgb(25,9,4)
```
#2a1006
```
#2a1006 rgb(42,16,6)
```
#3b1709
```
#3b1709 rgb(59,23,9)
```
#4c1d0b
```
#4c1d0b rgb(76,29,11)
```
#5d240e
```
#5d240e rgb(93,36,14)
```
#6e2a10
```
#6e2a10 rgb(110,42,16)
```
#7f3113
```
#7f3113 rgb(127,49,19)
```
#913815
```
#913815 rgb(145,56,21)
```
#a23e18
```
#a23e18 rgb(162,62,24)
```
#b3451a
```
#b3451a rgb(179,69,26)
```
#c44b1d
```
#c44b1d rgb(196,75,29)
```
#d5521f
```
#d5521f rgb(213,82,31)
```

Shade Color Variation

#e05b28
```
#e05b28 rgb(224,91,40)
```
#e26839
```
#e26839 rgb(226,104,57)
```
#e5754a
```
#e5754a rgb(229,117,74)
```
#e7825b
```
#e7825b rgb(231,130,91)
```
#ea906c
```
#ea906c rgb(234,144,108)
```
#ec9d7e
```
#ec9d7e rgb(236,157,126)
```
#efaa8f
```
#efaa8f rgb(239,170,143)
```
#f1b7a0
```
#f1b7a0 rgb(241,183,160)
```
#f4c4b1
```
#f4c4b1 rgb(244,196,177)
```
#f6d1c2
```
#f6d1c2 rgb(246,209,194)
```
#f9ded3
```
#f9ded3 rgb(249,222,211)
```
#fbebe4
```
#fbebe4 rgb(251,235,228)
```
#fef8f5
```
#fef8f5 rgb(254,248,245)
```

Tint Color Variation

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

#817773
```
#817773 rgb(129,119,115)
```
#8a736a
```
#8a736a rgb(138,115,106)
```
#936f61
```
#936f61 rgb(147,111,97)
```
#9d6b57
```
#9d6b57 rgb(157,107,87)
```
#a6674e
```
#a6674e rgb(166,103,78)
```
#af6345
```
#af6345 rgb(175,99,69)
```
#b95e3b
```
#b95e3b rgb(185,94,59)
```
#c25a32
```
#c25a32 rgb(194,90,50)
```
#cc5628
```
#cc5628 rgb(204,86,40)
```
#d5521f
```
#d5521f rgb(213,82,31)
```
#de4e16
```
#de4e16 rgb(222,78,22)
```
#e84a0c
```
#e84a0c rgb(232,74,12)
```
#f14603
```
#f14603 rgb(241,70,3)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#876c62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918334 Protanopia 1% of men
#a37c1a Deuteranopia 1% of men
#d8565a Tritanopia 0.001% of the population

Trichromacy

#aa712c Protanomaly 1% of men, 0.01% of women
#b56d1c Deuteranomaly 6% of men, 0.4% of women
#d75445 Tritanomaly 0.01% of the population

#d5521f hex color

#d5521f Color Information

#d5521f Color Conversion

Color Schemes with #d5521f

Alternatives to #d5521f

#d5521f Preview

Shades and Tints of #d5521f

Tones of #d5521f

Color Blindness Simulator