#d5523f hex color

In a RGB color space, hex #d5523f is composed of 83.5% red, 32.2% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.5% magenta, 70.4% yellow and 16.5% black. It has a hue angle of 7.6 degrees, a saturation of 64.1% and a lightness of 54.1%. #d5523f color hex could be obtained by blending #ffa47e with #ab0000. Closest websafe color is: #cc6633.

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

● #d5523f color description : Moderate red.

The hexadecimal color #d5523f has RGB values of R:213, G:82, B:63 and CMYK values of C:0, M:0.62, Y:0.7, K:0.16. Its decimal value is 13980223.

Hex triplet	d5523f	`#d5523f`
RGB Decimal	213, 82, 63	`rgb(213,82,63)`
RGB Percent	83.5, 32.2, 24.7	`rgb(83.5%,32.2%,24.7%)`
CMYK	0, 62, 70, 16
HSL	7.6°, 64.1, 54.1	`hsl(7.6,64.1%,54.1%)`
HSV (or HSB)	7.6°, 70.4, 83.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.446, 50.463, 37.827
XYZ	31.356, 20.543, 7.016
xyY	0.532, 0.349, 20.543
CIE-LCH	52.446, 63.067, 36.855
CIE-LUV	52.446, 102.291, 30.309
Hunter-Lab	45.324, 44.173, 22.549
Binary	11010101, 01010010, 00111111

#d5523f
```
#d5523f rgb(213,82,63)
```
#3fc2d5
```
#3fc2d5 rgb(63,194,213)
```

Complementary Color

#d53f77
```
#d53f77 rgb(213,63,119)
```
#d5523f
```
#d5523f rgb(213,82,63)
```
#d59d3f
```
#d59d3f rgb(213,157,63)
```

Analogous Color

#3f77d5
```
#3f77d5 rgb(63,119,213)
```
#d5523f
```
#d5523f rgb(213,82,63)
```
#3fd59d
```
#3fd59d rgb(63,213,157)
```

Split Complementary Color

#523fd5
```
#523fd5 rgb(82,63,213)
```
#d5523f
```
#d5523f rgb(213,82,63)
```
#3fd552
```
#3fd552 rgb(63,213,82)
```

Triadic Color

#d53fc2
```
#d53fc2 rgb(213,63,194)
```
#d5523f
```
#d5523f rgb(213,82,63)
```
#3fd552
```
#3fd552 rgb(63,213,82)
```
#3fc2d5
```
#3fc2d5 rgb(63,194,213)
```

Tetradic Color

#a43424
```
#a43424 rgb(164,52,36)
```
#b93b28
```
#b93b28 rgb(185,59,40)
```
#ce412d
```
#ce412d rgb(206,65,45)
```
#d5523f
```
#d5523f rgb(213,82,63)
```
#da6554
```
#da6554 rgb(218,101,84)
```
#de7869
```
#de7869 rgb(222,120,105)
```
#e38b7e
```
#e38b7e rgb(227,139,126)
```

Monochromatic Color

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

#d53f52
```
#d53f52 rgb(213,63,82)
```
#d53f45
```
#d53f45 rgb(213,63,69)
```
#d5463f
```
#d5463f rgb(213,70,63)
```
#d5523f
```
#d5523f rgb(213,82,63)
```
#d55f3f
```
#d55f3f rgb(213,95,63)
```
#d56b3f
```
#d56b3f rgb(213,107,63)
```
#d5783f
```
#d5783f rgb(213,120,63)
```

Similar Colors

Text with hexadecimal color #d5523f

This text has a font color of #d5523f.

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

#d5523f background color

This paragraph has a background color of #d5523f.

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

#d5523f border color

This element has a border color of #d5523f.

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

CSS codes

.text {color:#d5523f;}

.background {background-color:#d5523f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110504
```
#110504 rgb(17,5,4)
```
#210b07
```
#210b07 rgb(33,11,7)
```
#31100b
```
#31100b rgb(49,16,11)
```
#42150e
```
#42150e rgb(66,21,14)
```
#521a12
```
#521a12 rgb(82,26,18)
```
#621f15
```
#621f15 rgb(98,31,21)
```
#722419
```
#722419 rgb(114,36,25)
```
#82291c
```
#82291c rgb(130,41,28)
```
#922e20
```
#922e20 rgb(146,46,32)
```
#a23323
```
#a23323 rgb(162,51,35)
```
#b23927
```
#b23927 rgb(178,57,39)
```
#c23e2a
```
#c23e2a rgb(194,62,42)
```

Shade Color Variation

#d1432f
```
#d1432f rgb(209,67,47)
```
#d5523f
```
#d5523f rgb(213,82,63)
```
#d9614f
```
#d9614f rgb(217,97,79)
```
#dc6f5f
```
#dc6f5f rgb(220,111,95)
```
#e07e6f
```
#e07e6f rgb(224,126,111)
```
#e38c7f
```
#e38c7f rgb(227,140,127)
```
#e79b8f
```
#e79b8f rgb(231,155,143)
```
#eaa9a0
```
#eaa9a0 rgb(234,169,160)
```
#eeb8b0
```
#eeb8b0 rgb(238,184,176)
```
#f1c6c0
```
#f1c6c0 rgb(241,198,192)
```
#f5d5d0
```
#f5d5d0 rgb(245,213,208)
```
#f8e3e0
```
#f8e3e0 rgb(248,227,224)
```
#fcf2f0
```
#fcf2f0 rgb(252,242,240)
```

Tint Color Variation

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

#8d8887
```
#8d8887 rgb(141,136,135)
```
#96817e
```
#96817e rgb(150,129,126)
```
#9f7a75
```
#9f7a75 rgb(159,122,117)
```
#a8746c
```
#a8746c rgb(168,116,108)
```
#b16d63
```
#b16d63 rgb(177,109,99)
```
#ba665a
```
#ba665a rgb(186,102,90)
```
#c35f51
```
#c35f51 rgb(195,95,81)
```
#cc5948
```
#cc5948 rgb(204,89,72)
```
#d5523f
```
#d5523f rgb(213,82,63)
```
#de4b36
```
#de4b36 rgb(222,75,54)
```
#e7452d
```
#e7452d rgb(231,69,45)
```
#f03e24
```
#f03e24 rgb(240,62,36)
```
#f9371b
```
#f9371b rgb(249,55,27)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#8a706c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8356 Protanopia 1% of men
#a17d40 Deuteranopia 1% of men
#d8585d Tritanopia 0.001% of the population

Trichromacy

#a8714d Protanomaly 1% of men, 0.01% of women
#b46d3f Deuteranomaly 6% of men, 0.4% of women
#d65552 Tritanomaly 0.01% of the population

#d5523f hex color

#d5523f Color Information

#d5523f Color Conversion

Color Schemes with #d5523f

Alternatives to #d5523f

#d5523f Preview

Shades and Tints of #d5523f

Tones of #d5523f

Color Blindness Simulator