#d7522a hex color

In a RGB color space, hex #d7522a is composed of 84.3% red, 32.2% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.9% magenta, 80.5% yellow and 15.7% black. It has a hue angle of 13.9 degrees, a saturation of 68.4% and a lightness of 50.4%. #d7522a color hex could be obtained by blending #ffa454 with #af0000. Closest websafe color is: #cc6633.

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

● #d7522a color description : Strong red.

The hexadecimal color #d7522a has RGB values of R:215, G:82, B:42 and CMYK values of C:0, M:0.62, Y:0.8, K:0.16. Its decimal value is 14111274.

Hex triplet	d7522a	`#d7522a`
RGB Decimal	215, 82, 42	`rgb(215,82,42)`
RGB Percent	84.3, 32.2, 16.5	`rgb(84.3%,32.2%,16.5%)`
CMYK	0, 62, 80, 16
HSL	13.9°, 68.4, 50.4	`hsl(13.9,68.4%,50.4%)`
HSV (or HSB)	13.9°, 80.5, 84.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.567, 50.325, 48.968
XYZ	31.461, 20.652, 4.52
xyY	0.556, 0.365, 20.652
CIE-LCH	52.567, 70.217, 44.217
CIE-LUV	52.567, 107.183, 37.947
Hunter-Lab	45.445, 44.045, 25.914
Binary	11010111, 01010010, 00101010

#d7522a
```
#d7522a rgb(215,82,42)
```
#2aafd7
```
#2aafd7 rgb(42,175,215)
```

Complementary Color

#d72a59
```
#d72a59 rgb(215,42,89)
```
#d7522a
```
#d7522a rgb(215,82,42)
```
#d7a92a
```
#d7a92a rgb(215,169,42)
```

Analogous Color

#2a59d7
```
#2a59d7 rgb(42,89,215)
```
#d7522a
```
#d7522a rgb(215,82,42)
```
#2ad7a9
```
#2ad7a9 rgb(42,215,169)
```

Split Complementary Color

#522ad7
```
#522ad7 rgb(82,42,215)
```
#d7522a
```
#d7522a rgb(215,82,42)
```
#2ad752
```
#2ad752 rgb(42,215,82)
```

Triadic Color

#d72aaf
```
#d72aaf rgb(215,42,175)
```
#d7522a
```
#d7522a rgb(215,82,42)
```
#2ad752
```
#2ad752 rgb(42,215,82)
```
#2aafd7
```
#2aafd7 rgb(42,175,215)
```

Tetradic Color

#98391d
```
#98391d rgb(152,57,29)
```
#ad4121
```
#ad4121 rgb(173,65,33)
```
#c34925
```
#c34925 rgb(195,73,37)
```
#d7522a
```
#d7522a rgb(215,82,42)
```
#db633f
```
#db633f rgb(219,99,63)
```
#df7555
```
#df7555 rgb(223,117,85)
```
#e3866a
```
#e3866a rgb(227,134,106)
```

Monochromatic Color

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

#d72a2d
```
#d72a2d rgb(215,42,45)
```
#d7352a
```
#d7352a rgb(215,53,42)
```
#d7442a
```
#d7442a rgb(215,68,42)
```
#d7522a
```
#d7522a rgb(215,82,42)
```
#d7602a
```
#d7602a rgb(215,96,42)
```
#d76f2a
```
#d76f2a rgb(215,111,42)
```
#d77d2a
```
#d77d2a rgb(215,125,42)
```

Similar Colors

Text with hexadecimal color #d7522a

This text has a font color of #d7522a.

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

#d7522a background color

This paragraph has a background color of #d7522a.

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

#d7522a border color

This element has a border color of #d7522a.

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

CSS codes

.text {color:#d7522a;}

.background {background-color:#d7522a;}

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

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)
```
#120703
```
#120703 rgb(18,7,3)
```
#230d07
```
#230d07 rgb(35,13,7)
```
#33130a
```
#33130a rgb(51,19,10)
```
#44190d
```
#44190d rgb(68,25,13)
```
#542010
```
#542010 rgb(84,32,16)
```
#652613
```
#652613 rgb(101,38,19)
```
#752c16
```
#752c16 rgb(117,44,22)
```
#863219
```
#863219 rgb(134,50,25)
```
#96381c
```
#96381c rgb(150,56,28)
```
#a73f1f
```
#a73f1f rgb(167,63,31)
```
#b74522
```
#b74522 rgb(183,69,34)
```
#c84b26
```
#c84b26 rgb(200,75,38)
```

Shade Color Variation

#d7522a
```
#d7522a rgb(215,82,42)
```
#da5f3b
```
#da5f3b rgb(218,95,59)
```
#dd6d4b
```
#dd6d4b rgb(221,109,75)
```
#e07a5c
```
#e07a5c rgb(224,122,92)
```
#e3886c
```
#e3886c rgb(227,136,108)
```
#e7957d
```
#e7957d rgb(231,149,125)
```
#eaa28d
```
#eaa28d rgb(234,162,141)
```
#edb09e
```
#edb09e rgb(237,176,158)
```
#f0bdae
```
#f0bdae rgb(240,189,174)
```
#f3cbbf
```
#f3cbbf rgb(243,203,191)
```
#f6d8cf
```
#f6d8cf rgb(246,216,207)
```
#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, #897c78 is the less saturated color, while #fe3d03 is the most saturated one.

#897c78
```
#897c78 rgb(137,124,120)
```
#93776e
```
#93776e rgb(147,119,110)
```
#9d7164
```
#9d7164 rgb(157,113,100)
```
#a66c5b
```
#a66c5b rgb(166,108,91)
```
#b06751
```
#b06751 rgb(176,103,81)
```
#ba6247
```
#ba6247 rgb(186,98,71)
```
#c45c3d
```
#c45c3d rgb(196,92,61)
```
#cd5734
```
#cd5734 rgb(205,87,52)
```
#d7522a
```
#d7522a rgb(215,82,42)
```
#e14d20
```
#e14d20 rgb(225,77,32)
```
#ea4817
```
#ea4817 rgb(234,72,23)
```
#f4420d
```
#f4420d rgb(244,66,13)
```
#fe3d03
```
#fe3d03 rgb(254,61,3)
```

Tone Color Variation

Below, you can see how #d7522a 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
#896e66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#928440 Protanopia 1% of men
#a47d29 Deuteranopia 1% of men
#da565b Tritanopia 0.001% of the population

Trichromacy

#ab7238 Protanomaly 1% of men, 0.01% of women
#b66d29 Deuteranomaly 6% of men, 0.4% of women
#d95449 Tritanomaly 0.01% of the population

#d7522a hex color

#d7522a Color Information

#d7522a Color Conversion

Color Schemes with #d7522a

Alternatives to #d7522a

#d7522a Preview

Shades and Tints of #d7522a

Tones of #d7522a

Color Blindness Simulator