#d31a55 hex color

In a RGB color space, hex #d31a55 is composed of 82.7% red, 10.2% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.7% magenta, 59.7% yellow and 17.3% black. It has a hue angle of 340.9 degrees, a saturation of 78.1% and a lightness of 46.5%. #d31a55 color hex could be obtained by blending #ff34aa with #a70000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 83
- G 10
- B 33
RGB color chart
- C 0
- M 88
- Y 60
- K 17
CMYK color chart

● #d31a55 color description : Strong pink.

The hexadecimal color #d31a55 has RGB values of R:211, G:26, B:85 and CMYK values of C:0, M:0.88, Y:0.6, K:0.17. Its decimal value is 13834837.

Hex triplet	d31a55	`#d31a55`
RGB Decimal	211, 26, 85	`rgb(211,26,85)`
RGB Percent	82.7, 10.2, 33.3	`rgb(82.7%,10.2%,33.3%)`
CMYK	0, 88, 60, 17
HSL	340.9°, 78.1, 46.5	`hsl(340.9,78.1%,46.5%)`
HSV (or HSB)	340.9°, 87.7, 82.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	45.971, 69.005, 16.561
XYZ	28.874, 15.247, 10.016
xyY	0.533, 0.282, 15.247
CIE-LCH	45.971, 70.964, 13.496
CIE-LUV	45.971, 121.74, 5.228
Hunter-Lab	39.047, 63.662, 12.124
Binary	11010011, 00011010, 01010101

#d31a55
```
#d31a55 rgb(211,26,85)
```
#1ad398
```
#1ad398 rgb(26,211,152)
```

Complementary Color

#d31ab2
```
#d31ab2 rgb(211,26,178)
```
#d31a55
```
#d31a55 rgb(211,26,85)
```
#d33b1a
```
#d33b1a rgb(211,59,26)
```

Analogous Color

#1ab2d3
```
#1ab2d3 rgb(26,178,211)
```
#d31a55
```
#d31a55 rgb(211,26,85)
```
#1ad33b
```
#1ad33b rgb(26,211,59)
```

Split Complementary Color

#1a55d3
```
#1a55d3 rgb(26,85,211)
```
#d31a55
```
#d31a55 rgb(211,26,85)
```
#55d31a
```
#55d31a rgb(85,211,26)
```

Triadic Color

#981ad3
```
#981ad3 rgb(152,26,211)
```
#d31a55
```
#d31a55 rgb(211,26,85)
```
#55d31a
```
#55d31a rgb(85,211,26)
```
#1ad398
```
#1ad398 rgb(26,211,152)
```

Tetradic Color

#8f123a
```
#8f123a rgb(143,18,58)
```
#a61443
```
#a61443 rgb(166,20,67)
```
#bc174c
```
#bc174c rgb(188,23,76)
```
#d31a55
```
#d31a55 rgb(211,26,85)
```
#e42360
```
#e42360 rgb(228,35,96)
```
#e73971
```
#e73971 rgb(231,57,113)
```
#e95081
```
#e95081 rgb(233,80,129)
```

Monochromatic Color

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

#d31a83
```
#d31a83 rgb(211,26,131)
```
#d31a74
```
#d31a74 rgb(211,26,116)
```
#d31a64
```
#d31a64 rgb(211,26,100)
```
#d31a55
```
#d31a55 rgb(211,26,85)
```
#d31a46
```
#d31a46 rgb(211,26,70)
```
#d31a36
```
#d31a36 rgb(211,26,54)
```
#d31a27
```
#d31a27 rgb(211,26,39)
```

Similar Colors

Text with hexadecimal color #d31a55

This text has a font color of #d31a55.

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

#d31a55 background color

This paragraph has a background color of #d31a55.

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

#d31a55 border color

This element has a border color of #d31a55.

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

CSS codes

.text {color:#d31a55;}

.background {background-color:#d31a55;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#130208
```
#130208 rgb(19,2,8)
```
#24040f
```
#24040f rgb(36,4,15)
```
#360716
```
#360716 rgb(54,7,22)
```
#47091d
```
#47091d rgb(71,9,29)
```
#590b24
```
#590b24 rgb(89,11,36)
```
#6a0d2b
```
#6a0d2b rgb(106,13,43)
```
#7c0f32
```
#7c0f32 rgb(124,15,50)
```
#8d1139
```
#8d1139 rgb(141,17,57)
```
#9f1440
```
#9f1440 rgb(159,20,64)
```
#b01647
```
#b01647 rgb(176,22,71)
```
#c2184e
```
#c2184e rgb(194,24,78)
```
#d31a55
```
#d31a55 rgb(211,26,85)
```

Shade Color Variation

#e31d5c
```
#e31d5c rgb(227,29,92)
```
#e52f69
```
#e52f69 rgb(229,47,105)
```
#e84076
```
#e84076 rgb(232,64,118)
```
#ea5282
```
#ea5282 rgb(234,82,130)
```
#ec638f
```
#ec638f rgb(236,99,143)
```
#ee759b
```
#ee759b rgb(238,117,155)
```
#f086a8
```
#f086a8 rgb(240,134,168)
```
#f298b5
```
#f298b5 rgb(242,152,181)
```
#f4a9c1
```
#f4a9c1 rgb(244,169,193)
```
#f7bbce
```
#f7bbce rgb(247,187,206)
```
#f9ccda
```
#f9ccda rgb(249,204,218)
```
#fbdee7
```
#fbdee7 rgb(251,222,231)
```
#fdeff3
```
#fdeff3 rgb(253,239,243)
```

Tint Color Variation

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

#787576
```
#787576 rgb(120,117,118)
```
#816c73
```
#816c73 rgb(129,108,115)
```
#8a636f
```
#8a636f rgb(138,99,111)
```
#935a6c
```
#935a6c rgb(147,90,108)
```
#9c5169
```
#9c5169 rgb(156,81,105)
```
#a54866
```
#a54866 rgb(165,72,102)
```
#af3e62
```
#af3e62 rgb(175,62,98)
```
#b8355f
```
#b8355f rgb(184,53,95)
```
#c12c5c
```
#c12c5c rgb(193,44,92)
```
#ca2358
```
#ca2358 rgb(202,35,88)
```
#d31a55
```
#d31a55 rgb(211,26,85)
```
#dc1152
```
#dc1152 rgb(220,17,82)
```
#e5084e
```
#e5084e rgb(229,8,78)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#714c57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#74737b Protanopia 1% of men
#8a6f52 Deuteranopia 1% of men
#d33233 Tritanopia 0.001% of the population

Trichromacy

#96536d Protanomaly 1% of men, 0.01% of women
#a45053 Deuteranomaly 6% of men, 0.4% of women
#d3293f Tritanomaly 0.01% of the population

#d31a55 hex color

#d31a55 Color Information

#d31a55 Color Conversion

Color Schemes with #d31a55

Alternatives to #d31a55

#d31a55 Preview

Shades and Tints of #d31a55

Tones of #d31a55

Color Blindness Simulator