#d54522 hex color

In a RGB color space, hex #d54522 is composed of 83.5% red, 27.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.6% magenta, 84% yellow and 16.5% black. It has a hue angle of 11.7 degrees, a saturation of 72.5% and a lightness of 48.4%. #d54522 color hex could be obtained by blending #ff8a44 with #ab0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 84
- G 27
- B 13
RGB color chart
- C 0
- M 68
- Y 84
- K 16
CMYK color chart

● #d54522 color description : Strong red.

The hexadecimal color #d54522 has RGB values of R:213, G:69, B:34 and CMYK values of C:0, M:0.68, Y:0.84, K:0.16. Its decimal value is 13976866.

Hex triplet	d54522	`#d54522`
RGB Decimal	213, 69, 34	`rgb(213,69,34)`
RGB Percent	83.5, 27.1, 13.3	`rgb(83.5%,27.1%,13.3%)`
CMYK	0, 68, 84, 16
HSL	11.7°, 72.5, 48.4	`hsl(11.7,72.5%,48.4%)`
HSV (or HSB)	11.7°, 84, 83.5
Web Safe	cc3333	`#cc3333`

CIE-LAB	50.122, 54.887, 50.316
XYZ	29.859, 18.521, 3.516
xyY	0.575, 0.357, 18.521
CIE-LCH	50.122, 74.46, 42.512
CIE-LUV	50.122, 115.641, 36.149
Hunter-Lab	43.036, 48.53, 25.282
Binary	11010101, 01000101, 00100010

#d54522
```
#d54522 rgb(213,69,34)
```
#22b2d5
```
#22b2d5 rgb(34,178,213)
```

Complementary Color

#d52259
```
#d52259 rgb(213,34,89)
```
#d54522
```
#d54522 rgb(213,69,34)
```
#d59f22
```
#d59f22 rgb(213,159,34)
```

Analogous Color

#2259d5
```
#2259d5 rgb(34,89,213)
```
#d54522
```
#d54522 rgb(213,69,34)
```
#22d59f
```
#22d59f rgb(34,213,159)
```

Split Complementary Color

#4522d5
```
#4522d5 rgb(69,34,213)
```
#d54522
```
#d54522 rgb(213,69,34)
```
#22d545
```
#22d545 rgb(34,213,69)
```

Triadic Color

#d522b2
```
#d522b2 rgb(213,34,178)
```
#d54522
```
#d54522 rgb(213,69,34)
```
#22d545
```
#22d545 rgb(34,213,69)
```
#22b2d5
```
#22b2d5 rgb(34,178,213)
```

Tetradic Color

#933017
```
#933017 rgb(147,48,23)
```
#a9371b
```
#a9371b rgb(169,55,27)
```
#bf3e1e
```
#bf3e1e rgb(191,62,30)
```
#d54522
```
#d54522 rgb(213,69,34)
```
#de5432
```
#de5432 rgb(222,84,50)
```
#e26648
```
#e26648 rgb(226,102,72)
```
#e5795e
```
#e5795e rgb(229,121,94)
```

Monochromatic Color

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

#d5222c
```
#d5222c rgb(213,34,44)
```
#d52722
```
#d52722 rgb(213,39,34)
```
#d53622
```
#d53622 rgb(213,54,34)
```
#d54522
```
#d54522 rgb(213,69,34)
```
#d55422
```
#d55422 rgb(213,84,34)
```
#d56322
```
#d56322 rgb(213,99,34)
```
#d57222
```
#d57222 rgb(213,114,34)
```

Similar Colors

Text with hexadecimal color #d54522

This text has a font color of #d54522.

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

#d54522 background color

This paragraph has a background color of #d54522.

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

#d54522 border color

This element has a border color of #d54522.

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

CSS codes

.text {color:#d54522;}

.background {background-color:#d54522;}

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

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, #0a0302 is the darkest color, while #fef9f8 is the lightest one.

#0a0302
```
#0a0302 rgb(10,3,2)
```
#1b0904
```
#1b0904 rgb(27,9,4)
```
#2c0e07
```
#2c0e07 rgb(44,14,7)
```
#3d140a
```
#3d140a rgb(61,20,10)
```
#4e190c
```
#4e190c rgb(78,25,12)
```
#5f1f0f
```
#5f1f0f rgb(95,31,15)
```
#702412
```
#702412 rgb(112,36,18)
```
#802a14
```
#802a14 rgb(128,42,20)
```
#912f17
```
#912f17 rgb(145,47,23)
```
#a2351a
```
#a2351a rgb(162,53,26)
```
#b33a1d
```
#b33a1d rgb(179,58,29)
```
#c4401f
```
#c4401f rgb(196,64,31)
```
#d54522
```
#d54522 rgb(213,69,34)
```

Shade Color Variation

#dd502d
```
#dd502d rgb(221,80,45)
```
#e05e3e
```
#e05e3e rgb(224,94,62)
```
#e36c4f
```
#e36c4f rgb(227,108,79)
```
#e67a60
```
#e67a60 rgb(230,122,96)
```
#e88871
```
#e88871 rgb(232,136,113)
```
#eb9682
```
#eb9682 rgb(235,150,130)
```
#eea493
```
#eea493 rgb(238,164,147)
```
#f0b3a4
```
#f0b3a4 rgb(240,179,164)
```
#f3c1b4
```
#f3c1b4 rgb(243,193,180)
```
#f6cfc5
```
#f6cfc5 rgb(246,207,197)
```
#f8ddd6
```
#f8ddd6 rgb(248,221,214)
```
#fbebe7
```
#fbebe7 rgb(251,235,231)
```
#fef9f8
```
#fef9f8 rgb(254,249,248)
```

Tint Color Variation

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

#807978
```
#807978 rgb(128,121,120)
```
#89736e
```
#89736e rgb(137,115,110)
```
#936d65
```
#936d65 rgb(147,109,101)
```
#9c685b
```
#9c685b rgb(156,104,91)
```
#a66252
```
#a66252 rgb(166,98,82)
```
#af5c48
```
#af5c48 rgb(175,92,72)
```
#b9563f
```
#b9563f rgb(185,86,63)
```
#c25135
```
#c25135 rgb(194,81,53)
```
#cc4b2c
```
#cc4b2c rgb(204,75,44)
```
#d54522
```
#d54522 rgb(213,69,34)
```
#df3f19
```
#df3f19 rgb(223,63,25)
```
#e8390f
```
#e8390f rgb(232,57,15)
```
#f23405
```
#f23405 rgb(242,52,5)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#81645d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7e39 Protanopia 1% of men
#9d781d Deuteranopia 1% of men
#d84a4e Tritanopia 0.001% of the population

Trichromacy

#a66931 Protanomaly 1% of men, 0.01% of women
#b1651f Deuteranomaly 6% of men, 0.4% of women
#d7483e Tritanomaly 0.01% of the population

#d54522 hex color

#d54522 Color Information

#d54522 Color Conversion

Color Schemes with #d54522

Alternatives to #d54522

#d54522 Preview

Shades and Tints of #d54522

Tones of #d54522

Color Blindness Simulator