colorhexa.com

#d31553 hex color

In a RGB color space, hex #d31553 is composed of 82.7% red, 8.2% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90% magenta, 60.7% yellow and 17.3% black. It has a hue angle of 340.4 degrees, a saturation of 81.9% and a lightness of 45.5%. #d31553 color hex could be obtained by blending #ff2aa6 with #a70000. Closest websafe color is: #cc0066.

- R 83
- G 8
- B 33
RGB color chart
- C 0
- M 90
- Y 61
- K 17
CMYK color chart

● #d31553 color description : Strong pink.

The hexadecimal color #d31553 has RGB values of R:211, G:21, B:83 and CMYK values of C:0, M:0.9, Y:0.61, K:0.17. Its decimal value is 13833555.

Hex triplet	d31553	`#d31553`
RGB Decimal	211, 21, 83	`rgb(211,21,83)`
RGB Percent	82.7, 8.2, 32.5	`rgb(82.7%,8.2%,32.5%)`
CMYK	0, 90, 61, 17
HSL	340.4°, 81.9, 45.5	`hsl(340.4,81.9%,45.5%)`
HSV (or HSB)	340.4°, 90, 82.7
Web Safe	cc0066	`#cc0066`

CIE-LAB	45.652, 69.679, 17.374
XYZ	28.695, 15.013, 9.57
xyY	0.539, 0.282, 15.013
CIE-LCH	45.652, 71.812, 14.001
CIE-LUV	45.652, 123.627, 5.808
Hunter-Lab	38.747, 64.384, 12.479
Binary	11010011, 00010101, 01010011

#d31553
```
#d31553 rgb(211,21,83)
```
#15d395
```
#15d395 rgb(21,211,149)
```

Complementary Color

#d315b2
```
#d315b2 rgb(211,21,178)
```
#d31553
```
#d31553 rgb(211,21,83)
```
#d33615
```
#d33615 rgb(211,54,21)
```

Analogous Color

#15b2d3
```
#15b2d3 rgb(21,178,211)
```
#d31553
```
#d31553 rgb(211,21,83)
```
#15d336
```
#15d336 rgb(21,211,54)
```

Split Complementary Color

#1553d3
```
#1553d3 rgb(21,83,211)
```
#d31553
```
#d31553 rgb(211,21,83)
```
#53d315
```
#53d315 rgb(83,211,21)
```

Triadic Color

#9515d3
```
#9515d3 rgb(149,21,211)
```
#d31553
```
#d31553 rgb(211,21,83)
```
#53d315
```
#53d315 rgb(83,211,21)
```
#15d395
```
#15d395 rgb(21,211,149)
```

Tetradic Color

#8d0e38
```
#8d0e38 rgb(141,14,56)
```
#a51041
```
#a51041 rgb(165,16,65)
```
#bc134a
```
#bc134a rgb(188,19,74)
```
#d31553
```
#d31553 rgb(211,21,83)
```
#e8195d
```
#e8195d rgb(232,25,93)
```
#ea316d
```
#ea316d rgb(234,49,109)
```
#ed487e
```
#ed487e rgb(237,72,126)
```

Monochromatic Color

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

#d31583
```
#d31583 rgb(211,21,131)
```
#d31573
```
#d31573 rgb(211,21,115)
```
#d31563
```
#d31563 rgb(211,21,99)
```
#d31553
```
#d31553 rgb(211,21,83)
```
#d31543
```
#d31543 rgb(211,21,67)
```
#d31533
```
#d31533 rgb(211,21,51)
```
#d31524
```
#d31524 rgb(211,21,36)
```

Similar Colors

Text with hexadecimal color #d31553

This text has a font color of #d31553.

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

#d31553 background color

This paragraph has a background color of #d31553.

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

#d31553 border color

This element has a border color of #d31553.

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

CSS codes

.text {color:#d31553;}

.background {background-color:#d31553;}

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

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

#0f0106
```
#0f0106 rgb(15,1,6)
```
#21030d
```
#21030d rgb(33,3,13)
```
#320514
```
#320514 rgb(50,5,20)
```
#44071b
```
#44071b rgb(68,7,27)
```
#560922
```
#560922 rgb(86,9,34)
```
#680a29
```
#680a29 rgb(104,10,41)
```
#7a0c30
```
#7a0c30 rgb(122,12,48)
```
#8c0e37
```
#8c0e37 rgb(140,14,55)
```
#9d103e
```
#9d103e rgb(157,16,62)
```
#af1145
```
#af1145 rgb(175,17,69)
```
#c1134c
```
#c1134c rgb(193,19,76)
```
#d31553
```
#d31553 rgb(211,21,83)
```
#e5175a
```
#e5175a rgb(229,23,90)
```

Shade Color Variation

#e92666
```
#e92666 rgb(233,38,102)
```
#eb3872
```
#eb3872 rgb(235,56,114)
```
#ed4a7f
```
#ed4a7f rgb(237,74,127)
```
#ef5b8b
```
#ef5b8b rgb(239,91,139)
```
#f06d98
```
#f06d98 rgb(240,109,152)
```
#f27fa5
```
#f27fa5 rgb(242,127,165)
```
#f491b1
```
#f491b1 rgb(244,145,177)
```
#f6a3be
```
#f6a3be rgb(246,163,190)
```
#f8b5ca
```
#f8b5ca rgb(248,181,202)
```
#f9c6d7
```
#f9c6d7 rgb(249,198,215)
```
#fbd8e4
```
#fbd8e4 rgb(251,216,228)
```
#fdeaf0
```
#fdeaf0 rgb(253,234,240)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#7a6e72
```
#7a6e72 rgb(122,110,114)
```
#83656f
```
#83656f rgb(131,101,111)
```
#8c5c6c
```
#8c5c6c rgb(140,92,108)
```
#955369
```
#955369 rgb(149,83,105)
```
#9d4b66
```
#9d4b66 rgb(157,75,102)
```
#a64262
```
#a64262 rgb(166,66,98)
```
#af395f
```
#af395f rgb(175,57,95)
```
#b8305c
```
#b8305c rgb(184,48,92)
```
#c12759
```
#c12759 rgb(193,39,89)
```
#ca1e56
```
#ca1e56 rgb(202,30,86)
```
#d31553
```
#d31553 rgb(211,21,83)
```
#dc0c50
```
#dc0c50 rgb(220,12,80)
```
#e5034d
```
#e5034d rgb(229,3,77)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#6e4855 Atypical Achromatopsia 0.001% of the population

Dichromacy

#73737a Protanopia 1% of men
#896f50 Deuteranopia 1% of men
#d32f2f Tritanopia 0.001% of the population

Trichromacy

#96506b Protanomaly 1% of men, 0.01% of women
#a44e51 Deuteranomaly 6% of men, 0.4% of women
#d3263c Tritanomaly 0.01% of the population