colorhexa.com

#d55350 hex color

In a RGB color space, hex #d55350 is composed of 83.5% red, 32.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61% magenta, 62.4% yellow and 16.5% black. It has a hue angle of 1.4 degrees, a saturation of 61.3% and a lightness of 57.5%. #d55350 color hex could be obtained by blending #ffa6a0 with #ab0000. Closest websafe color is: #cc6666.

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

● #d55350 color description : Moderate red.

The hexadecimal color #d55350 has RGB values of R:213, G:83, B:80 and CMYK values of C:0, M:0.61, Y:0.62, K:0.16. Its decimal value is 13980496.

Hex triplet	d55350	`#d55350`
RGB Decimal	213, 83, 80	`rgb(213,83,80)`
RGB Percent	83.5, 32.5, 31.4	`rgb(83.5%,32.5%,31.4%)`
CMYK	0, 61, 62, 16
HSL	1.4°, 61.3, 57.5	`hsl(1.4,61.3%,57.5%)`
HSV (or HSB)	1.4°, 62.4, 83.5
Web Safe	cc6666	`#cc6666`

CIE-LAB	52.856, 50.979, 28.658
XYZ	31.983, 20.915, 9.942
xyY	0.509, 0.333, 20.915
CIE-LCH	52.856, 58.482, 29.343
CIE-LUV	52.856, 98.14, 22.614
Hunter-Lab	45.733, 44.799, 19.124
Binary	11010101, 01010011, 01010000

#d55350
```
#d55350 rgb(213,83,80)
```
#50d2d5
```
#50d2d5 rgb(80,210,213)
```

Complementary Color

#d55090
```
#d55090 rgb(213,80,144)
```
#d55350
```
#d55350 rgb(213,83,80)
```
#d59650
```
#d59650 rgb(213,150,80)
```

Analogous Color

#5090d5
```
#5090d5 rgb(80,144,213)
```
#d55350
```
#d55350 rgb(213,83,80)
```
#50d596
```
#50d596 rgb(80,213,150)
```

Split Complementary Color

#5350d5
```
#5350d5 rgb(83,80,213)
```
#d55350
```
#d55350 rgb(213,83,80)
```
#50d553
```
#50d553 rgb(80,213,83)
```

Triadic Color

#d550d2
```
#d550d2 rgb(213,80,210)
```
#d55350
```
#d55350 rgb(213,83,80)
```
#50d553
```
#50d553 rgb(80,213,83)
```
#50d2d5
```
#50d2d5 rgb(80,210,213)
```

Tetradic Color

#af2d2a
```
#af2d2a rgb(175,45,42)
```
#c3322f
```
#c3322f rgb(195,50,47)
```
#d03f3b
```
#d03f3b rgb(208,63,59)
```
#d55350
```
#d55350 rgb(213,83,80)
```
#da6765
```
#da6765 rgb(218,103,101)
```
#df7b79
```
#df7b79 rgb(223,123,121)
```
#e4908e
```
#e4908e rgb(228,144,142)
```

Monochromatic Color

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

#d5506e
```
#d5506e rgb(213,80,110)
```
#d55063
```
#d55063 rgb(213,80,99)
```
#d55058
```
#d55058 rgb(213,80,88)
```
#d55350
```
#d55350 rgb(213,83,80)
```
#d55e50
```
#d55e50 rgb(213,94,80)
```
#d56950
```
#d56950 rgb(213,105,80)
```
#d57450
```
#d57450 rgb(213,116,80)
```

Similar Colors

Text with hexadecimal color #d55350

This text has a font color of #d55350.

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

#d55350 background color

This paragraph has a background color of #d55350.

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

#d55350 border color

This element has a border color of #d55350.

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

CSS codes

.text {color:#d55350;}

.background {background-color:#d55350;}

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

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

#0f0404
```
#0f0404 rgb(15,4,4)
```
#1f0807
```
#1f0807 rgb(31,8,7)
```
#2e0c0b
```
#2e0c0b rgb(46,12,11)
```
#3e100f
```
#3e100f rgb(62,16,15)
```
#4e1413
```
#4e1413 rgb(78,20,19)
```
#5e1817
```
#5e1817 rgb(94,24,23)
```
#6e1c1a
```
#6e1c1a rgb(110,28,26)
```
#7e201e
```
#7e201e rgb(126,32,30)
```
#8d2422
```
#8d2422 rgb(141,36,34)
```
#9d2826
```
#9d2826 rgb(157,40,38)
```
#ad2c2a
```
#ad2c2a rgb(173,44,42)
```
#bd312d
```
#bd312d rgb(189,49,45)
```
#cd3531
```
#cd3531 rgb(205,53,49)
```

Shade Color Variation

#d14340
```
#d14340 rgb(209,67,64)
```
#d55350
```
#d55350 rgb(213,83,80)
```
#d96360
```
#d96360 rgb(217,99,96)
```
#dd7270
```
#dd7270 rgb(221,114,112)
```
#e0827f
```
#e0827f rgb(224,130,127)
```
#e4918f
```
#e4918f rgb(228,145,143)
```
#e8a19f
```
#e8a19f rgb(232,161,159)
```
#ecb0af
```
#ecb0af rgb(236,176,175)
```
#f0c0bf
```
#f0c0bf rgb(240,192,191)
```
#f3cfcf
```
#f3cfcf rgb(243,207,207)
```
#f7dfde
```
#f7dfde rgb(247,223,222)
```
#fbeeee
```
#fbeeee rgb(251,238,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#9b8b8a
```
#9b8b8a rgb(155,139,138)
```
#a38382
```
#a38382 rgb(163,131,130)
```
#ab7b7a
```
#ab7b7a rgb(171,123,122)
```
#b47371
```
#b47371 rgb(180,115,113)
```
#bc6b69
```
#bc6b69 rgb(188,107,105)
```
#c46361
```
#c46361 rgb(196,99,97)
```
#cd5b58
```
#cd5b58 rgb(205,91,88)
```
#d55350
```
#d55350 rgb(213,83,80)
```
#dd4b48
```
#dd4b48 rgb(221,75,72)
```
#e6433f
```
#e6433f rgb(230,67,63)
```
#ee3b37
```
#ee3b37 rgb(238,59,55)
```
#f6332f
```
#f6332f rgb(246,51,47)
```
#ff2b26
```
#ff2b26 rgb(255,43,38)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#8c7272 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8468 Protanopia 1% of men
#a07f51 Deuteranopia 1% of men
#d75a60 Tritanopia 0.001% of the population

Trichromacy

#a7725f Protanomaly 1% of men, 0.01% of women
#b36f50 Deuteranomaly 6% of men, 0.4% of women
#d6585a Tritanomaly 0.01% of the population