#d1522f hex color

In a RGB color space, hex #d1522f is composed of 82% red, 32.2% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.8% magenta, 77.5% yellow and 18% black. It has a hue angle of 13 degrees, a saturation of 63.8% and a lightness of 50.2%. #d1522f color hex could be obtained by blending #ffa45e with #a30000. Closest websafe color is: #cc6633.

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

● #d1522f color description : Strong red.

The hexadecimal color #d1522f has RGB values of R:209, G:82, B:47 and CMYK values of C:0, M:0.61, Y:0.78, K:0.18. Its decimal value is 13718063.

Hex triplet	d1522f	`#d1522f`
RGB Decimal	209, 82, 47	`rgb(209,82,47)`
RGB Percent	82, 32.2, 18.4	`rgb(82%,32.2%,18.4%)`
CMYK	0, 61, 78, 18
HSL	13°, 63.8, 50.2	`hsl(13,63.8%,50.2%)`
HSV (or HSB)	13°, 77.5, 82
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.608, 48.358, 45.234
XYZ	29.826, 19.798, 4.94
xyY	0.547, 0.363, 19.798
CIE-LCH	51.608, 66.216, 43.088
CIE-LUV	51.608, 101.57, 35.726
Hunter-Lab	44.495, 41.786, 24.564
Binary	11010001, 01010010, 00101111

#d1522f
```
#d1522f rgb(209,82,47)
```
#2faed1
```
#2faed1 rgb(47,174,209)
```

Complementary Color

#d12f5d
```
#d12f5d rgb(209,47,93)
```
#d1522f
```
#d1522f rgb(209,82,47)
```
#d1a32f
```
#d1a32f rgb(209,163,47)
```

Analogous Color

#2f5dd1
```
#2f5dd1 rgb(47,93,209)
```
#d1522f
```
#d1522f rgb(209,82,47)
```
#2fd1a3
```
#2fd1a3 rgb(47,209,163)
```

Split Complementary Color

#522fd1
```
#522fd1 rgb(82,47,209)
```
#d1522f
```
#d1522f rgb(209,82,47)
```
#2fd152
```
#2fd152 rgb(47,209,82)
```

Triadic Color

#d12fae
```
#d12fae rgb(209,47,174)
```
#d1522f
```
#d1522f rgb(209,82,47)
```
#2fd152
```
#2fd152 rgb(47,209,82)
```
#2faed1
```
#2faed1 rgb(47,174,209)
```

Tetradic Color

#933921
```
#933921 rgb(147,57,33)
```
#a84125
```
#a84125 rgb(168,65,37)
```
#bd4a2a
```
#bd4a2a rgb(189,74,42)
```
#d1522f
```
#d1522f rgb(209,82,47)
```
#d66344
```
#d66344 rgb(214,99,68)
```
#da7559
```
#da7559 rgb(218,117,89)
```
#df866e
```
#df866e rgb(223,134,110)
```

Monochromatic Color

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

#d12f34
```
#d12f34 rgb(209,47,52)
```
#d1372f
```
#d1372f rgb(209,55,47)
```
#d1452f
```
#d1452f rgb(209,69,47)
```
#d1522f
```
#d1522f rgb(209,82,47)
```
#d1602f
```
#d1602f rgb(209,96,47)
```
#d16d2f
```
#d16d2f rgb(209,109,47)
```
#d17b2f
```
#d17b2f rgb(209,123,47)
```

Similar Colors

Text with hexadecimal color #d1522f

This text has a font color of #d1522f.

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

#d1522f background color

This paragraph has a background color of #d1522f.

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

#d1522f border color

This element has a border color of #d1522f.

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

CSS codes

.text {color:#d1522f;}

.background {background-color:#d1522f;}

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

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)
```
#110704
```
#110704 rgb(17,7,4)
```
#210d07
```
#210d07 rgb(33,13,7)
```
#31130b
```
#31130b rgb(49,19,11)
```
#41190e
```
#41190e rgb(65,25,14)
```
#512012
```
#512012 rgb(81,32,18)
```
#612615
```
#612615 rgb(97,38,21)
```
#712c19
```
#712c19 rgb(113,44,25)
```
#81321d
```
#81321d rgb(129,50,29)
```
#913920
```
#913920 rgb(145,57,32)
```
#a13f24
```
#a13f24 rgb(161,63,36)
```
#b24527
```
#b24527 rgb(178,69,39)
```
#c24b2b
```
#c24b2b rgb(194,75,43)
```

Shade Color Variation

#d1522f
```
#d1522f rgb(209,82,47)
```
#d55f3f
```
#d55f3f rgb(213,95,63)
```
#d86d4f
```
#d86d4f rgb(216,109,79)
```
#dc7a5f
```
#dc7a5f rgb(220,122,95)
```
#df876f
```
#df876f rgb(223,135,111)
```
#e3957f
```
#e3957f rgb(227,149,127)
```
#e6a28f
```
#e6a28f rgb(230,162,143)
```
#eab09f
```
#eab09f rgb(234,176,159)
```
#edbdb0
```
#edbdb0 rgb(237,189,176)
```
#f1cac0
```
#f1cac0 rgb(241,202,192)
```
#f5d8d0
```
#f5d8d0 rgb(245,216,208)
```
#f8e5e0
```
#f8e5e0 rgb(248,229,224)
```
#fcf2f0
```
#fcf2f0 rgb(252,242,240)
```

Tint Color Variation

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

#837e7d
```
#837e7d rgb(131,126,125)
```
#8d7973
```
#8d7973 rgb(141,121,115)
```
#96736a
```
#96736a rgb(150,115,106)
```
#a06e60
```
#a06e60 rgb(160,110,96)
```
#aa6856
```
#aa6856 rgb(170,104,86)
```
#b4634c
```
#b4634c rgb(180,99,76)
```
#bd5d43
```
#bd5d43 rgb(189,93,67)
```
#c75839
```
#c75839 rgb(199,88,57)
```
#d1522f
```
#d1522f rgb(209,82,47)
```
#db4c25
```
#db4c25 rgb(219,76,37)
```
#e5471b
```
#e5471b rgb(229,71,27)
```
#ee4112
```
#ee4112 rgb(238,65,18)
```
#f83c08
```
#f83c08 rgb(248,60,8)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#876d66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8144 Protanopia 1% of men
#a07b2f Deuteranopia 1% of men
#d4565b Tritanopia 0.001% of the population

Trichromacy

#a6703c Protanomaly 1% of men, 0.01% of women
#b26c2f Deuteranomaly 6% of men, 0.4% of women
#d3554b Tritanomaly 0.01% of the population

#d1522f hex color

#d1522f Color Information

#d1522f Color Conversion

Color Schemes with #d1522f

Alternatives to #d1522f

#d1522f Preview

Shades and Tints of #d1522f

Tones of #d1522f

Color Blindness Simulator