colorhexa.com

#d5533d hex color

In a RGB color space, hex #d5533d is composed of 83.5% red, 32.5% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61% magenta, 71.4% yellow and 16.5% black. It has a hue angle of 8.7 degrees, a saturation of 64.4% and a lightness of 53.7%. #d5533d color hex could be obtained by blending #ffa67a with #ab0000. Closest websafe color is: #cc6633.

- R 84
- G 33
- B 24
RGB color chart
- C 0
- M 61
- Y 71
- K 16
CMYK color chart

● #d5533d color description : Moderate red.

The hexadecimal color #d5533d has RGB values of R:213, G:83, B:61 and CMYK values of C:0, M:0.61, Y:0.71, K:0.16. Its decimal value is 13980477.

Hex triplet	d5533d	`#d5533d`
RGB Decimal	213, 83, 61	`rgb(213,83,61)`
RGB Percent	83.5, 32.5, 23.9	`rgb(83.5%,32.5%,23.9%)`
CMYK	0, 61, 71, 16
HSL	8.7°, 64.4, 53.7	`hsl(8.7,64.4%,53.7%)`
HSV (or HSB)	8.7°, 71.4, 83.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	52.59, 49.92, 39.093
XYZ	31.377, 20.673, 6.753
xyY	0.534, 0.352, 20.673
CIE-LCH	52.59, 63.405, 38.065
CIE-LUV	52.59, 101.956, 31.46
Hunter-Lab	45.467, 43.616, 23.022
Binary	11010101, 01010011, 00111101

#d5533d
```
#d5533d rgb(213,83,61)
```
#3dbfd5
```
#3dbfd5 rgb(61,191,213)
```

Complementary Color

#d53d73
```
#d53d73 rgb(213,61,115)
```
#d5533d
```
#d5533d rgb(213,83,61)
```
#d59f3d
```
#d59f3d rgb(213,159,61)
```

Analogous Color

#3d73d5
```
#3d73d5 rgb(61,115,213)
```
#d5533d
```
#d5533d rgb(213,83,61)
```
#3dd59f
```
#3dd59f rgb(61,213,159)
```

Split Complementary Color

#533dd5
```
#533dd5 rgb(83,61,213)
```
#d5533d
```
#d5533d rgb(213,83,61)
```
#3dd553
```
#3dd553 rgb(61,213,83)
```

Triadic Color

#d53dbf
```
#d53dbf rgb(213,61,191)
```
#d5533d
```
#d5533d rgb(213,83,61)
```
#3dd553
```
#3dd553 rgb(61,213,83)
```
#3dbfd5
```
#3dbfd5 rgb(61,191,213)
```

Tetradic Color

#a23623
```
#a23623 rgb(162,54,35)
```
#b73c28
```
#b73c28 rgb(183,60,40)
```
#cc432c
```
#cc432c rgb(204,67,44)
```
#d5533d
```
#d5533d rgb(213,83,61)
```
#da6652
```
#da6652 rgb(218,102,82)
```
#de7867
```
#de7867 rgb(222,120,103)
```
#e38b7c
```
#e38b7c rgb(227,139,124)
```

Monochromatic Color

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

#d53d4d
```
#d53d4d rgb(213,61,77)
```
#d53d40
```
#d53d40 rgb(213,61,64)
```
#d5463d
```
#d5463d rgb(213,70,61)
```
#d5533d
```
#d5533d rgb(213,83,61)
```
#d5603d
```
#d5603d rgb(213,96,61)
```
#d56c3d
```
#d56c3d rgb(213,108,61)
```
#d5793d
```
#d5793d rgb(213,121,61)
```

Similar Colors

Text with hexadecimal color #d5533d

This text has a font color of #d5533d.

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

#d5533d background color

This paragraph has a background color of #d5533d.

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

#d5533d border color

This element has a border color of #d5533d.

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

CSS codes

.text {color:#d5533d;}

.background {background-color:#d5533d;}

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

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

#100503
```
#100503 rgb(16,5,3)
```
#200a07
```
#200a07 rgb(32,10,7)
```
#30100a
```
#30100a rgb(48,16,10)
```
#40150e
```
#40150e rgb(64,21,14)
```
#501a11
```
#501a11 rgb(80,26,17)
```
#602015
```
#602015 rgb(96,32,21)
```
#702518
```
#702518 rgb(112,37,24)
```
#802a1c
```
#802a1c rgb(128,42,28)
```
#91301f
```
#91301f rgb(145,48,31)
```
#a13523
```
#a13523 rgb(161,53,35)
```
#b13a26
```
#b13a26 rgb(177,58,38)
```
#c1402a
```
#c1402a rgb(193,64,42)
```
#d1452d
```
#d1452d rgb(209,69,45)
```

Shade Color Variation

#d5533d
```
#d5533d rgb(213,83,61)
```
#d8614d
```
#d8614d rgb(216,97,77)
```
#dc705d
```
#dc705d rgb(220,112,93)
```
#df7e6d
```
#df7e6d rgb(223,126,109)
```
#e38c7d
```
#e38c7d rgb(227,140,125)
```
#e69a8e
```
#e69a8e rgb(230,154,142)
```
#eaa99e
```
#eaa99e rgb(234,169,158)
```
#edb7ae
```
#edb7ae rgb(237,183,174)
```
#f1c5be
```
#f1c5be rgb(241,197,190)
```
#f4d4ce
```
#f4d4ce rgb(244,212,206)
```
#f8e2de
```
#f8e2de rgb(248,226,222)
```
#fbf0ee
```
#fbf0ee rgb(251,240,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#8c8786
```
#8c8786 rgb(140,135,134)
```
#95807d
```
#95807d rgb(149,128,125)
```
#9f7a73
```
#9f7a73 rgb(159,122,115)
```
#a8736a
```
#a8736a rgb(168,115,106)
```
#b16d61
```
#b16d61 rgb(177,109,97)
```
#ba6658
```
#ba6658 rgb(186,102,88)
```
#c3604f
```
#c3604f rgb(195,96,79)
```
#cc5946
```
#cc5946 rgb(204,89,70)
```
#d5533d
```
#d5533d rgb(213,83,61)
```
#de4d34
```
#de4d34 rgb(222,77,52)
```
#e7462b
```
#e7462b rgb(231,70,43)
```
#f04022
```
#f04022 rgb(240,64,34)
```
#f93919
```
#f93919 rgb(249,57,25)
```

Tone Color Variation

Below, you can see how #d5533d 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
#8a706b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8453 Protanopia 1% of men
#a27e3e Deuteranopia 1% of men
#d8585d Tritanopia 0.001% of the population

Trichromacy

#a9724b Protanomaly 1% of men, 0.01% of women
#b46e3d Deuteranomaly 6% of men, 0.4% of women
#d75651 Tritanomaly 0.01% of the population