#d31f88 hex color

In a RGB color space, hex #d31f88 is composed of 82.7% red, 12.2% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.3% magenta, 35.5% yellow and 17.3% black. It has a hue angle of 325 degrees, a saturation of 74.4% and a lightness of 47.5%. #d31f88 color hex could be obtained by blending #ff3eff with #a70011. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 83
- G 12
- B 53
RGB color chart
- C 0
- M 85
- Y 36
- K 17
CMYK color chart

● #d31f88 color description : Strong pink.

The hexadecimal color #d31f88 has RGB values of R:211, G:31, B:136 and CMYK values of C:0, M:0.85, Y:0.36, K:0.17. Its decimal value is 13836168.

Hex triplet	d31f88	`#d31f88`
RGB Decimal	211, 31, 136	`rgb(211,31,136)`
RGB Percent	82.7, 12.2, 53.3	`rgb(82.7%,12.2%,53.3%)`
CMYK	0, 85, 36, 17
HSL	325°, 74.4, 47.5	`hsl(325,74.4%,47.5%)`
HSV (or HSB)	325°, 85.3, 82.7
Web Safe	cc3399	`#cc3399`

CIE-LAB	47.764, 72.257, -12.239
XYZ	31.799, 16.61, 24.823
xyY	0.434, 0.227, 16.61
CIE-LCH	47.764, 73.287, 350.386
CIE-LUV	47.764, 99.374, -29.64
Hunter-Lab	40.755, 67.951, -7.583
Binary	11010011, 00011111, 10001000

#d31f88
```
#d31f88 rgb(211,31,136)
```
#1fd36a
```
#1fd36a rgb(31,211,106)
```

Complementary Color

#c41fd3
```
#c41fd3 rgb(196,31,211)
```
#d31f88
```
#d31f88 rgb(211,31,136)
```
#d31f2e
```
#d31f2e rgb(211,31,46)
```

Analogous Color

#1fd3c4
```
#1fd3c4 rgb(31,211,196)
```
#d31f88
```
#d31f88 rgb(211,31,136)
```
#2ed31f
```
#2ed31f rgb(46,211,31)
```

Split Complementary Color

#1f88d3
```
#1f88d3 rgb(31,136,211)
```
#d31f88
```
#d31f88 rgb(211,31,136)
```
#88d31f
```
#88d31f rgb(136,211,31)
```

Triadic Color

#6a1fd3
```
#6a1fd3 rgb(106,31,211)
```
#d31f88
```
#d31f88 rgb(211,31,136)
```
#88d31f
```
#88d31f rgb(136,211,31)
```
#1fd36a
```
#1fd36a rgb(31,211,106)
```

Tetradic Color

#90155d
```
#90155d rgb(144,21,93)
```
#a7186b
```
#a7186b rgb(167,24,107)
```
#bd1c7a
```
#bd1c7a rgb(189,28,122)
```
#d31f88
```
#d31f88 rgb(211,31,136)
```
#e02c95
```
#e02c95 rgb(224,44,149)
```
#e342a0
```
#e342a0 rgb(227,66,160)
```
#e658ab
```
#e658ab rgb(230,88,171)
```

Monochromatic Color

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

#d31fb5
```
#d31fb5 rgb(211,31,181)
```
#d31fa6
```
#d31fa6 rgb(211,31,166)
```
#d31f97
```
#d31f97 rgb(211,31,151)
```
#d31f88
```
#d31f88 rgb(211,31,136)
```
#d31f79
```
#d31f79 rgb(211,31,121)
```
#d31f6a
```
#d31f6a rgb(211,31,106)
```
#d31f5b
```
#d31f5b rgb(211,31,91)
```

Similar Colors

Text with hexadecimal color #d31f88

This text has a font color of #d31f88.

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

#d31f88 background color

This paragraph has a background color of #d31f88.

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

#d31f88 border color

This element has a border color of #d31f88.

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

CSS codes

.text {color:#d31f88;}

.background {background-color:#d31f88;}

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

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

#060104
```
#060104 rgb(6,1,4)
```
#17030f
```
#17030f rgb(23,3,15)
```
#28061a
```
#28061a rgb(40,6,26)
```
#390825
```
#390825 rgb(57,8,37)
```
#4a0b30
```
#4a0b30 rgb(74,11,48)
```
#5b0d3b
```
#5b0d3b rgb(91,13,59)
```
#6c1046
```
#6c1046 rgb(108,16,70)
```
#7d1251
```
#7d1251 rgb(125,18,81)
```
#8f155c
```
#8f155c rgb(143,21,92)
```
#a01767
```
#a01767 rgb(160,23,103)
```
#b11a72
```
#b11a72 rgb(177,26,114)
```
#c21c7d
```
#c21c7d rgb(194,28,125)
```
#d31f88
```
#d31f88 rgb(211,31,136)
```

Shade Color Variation

#df2692
```
#df2692 rgb(223,38,146)
```
#e2389b
```
#e2389b rgb(226,56,155)
```
#e449a3
```
#e449a3 rgb(228,73,163)
```
#e75aac
```
#e75aac rgb(231,90,172)
```
#e96bb5
```
#e96bb5 rgb(233,107,181)
```
#ec7cbd
```
#ec7cbd rgb(236,124,189)
```
#ee8dc6
```
#ee8dc6 rgb(238,141,198)
```
#f19ece
```
#f19ece rgb(241,158,206)
```
#f3afd7
```
#f3afd7 rgb(243,175,215)
```
#f6c0e0
```
#f6c0e0 rgb(246,192,224)
```
#f8d1e8
```
#f8d1e8 rgb(248,209,232)
```
#fbe3f1
```
#fbe3f1 rgb(251,227,241)
```
#fdf4f9
```
#fdf4f9 rgb(253,244,249)
```

Tint Color Variation

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

#7f737a
```
#7f737a rgb(127,115,122)
```
#89697c
```
#89697c rgb(137,105,124)
```
#92607d
```
#92607d rgb(146,96,125)
```
#9b577f
```
#9b577f rgb(155,87,127)
```
#a44e80
```
#a44e80 rgb(164,78,128)
```
#ae4482
```
#ae4482 rgb(174,68,130)
```
#b73b83
```
#b73b83 rgb(183,59,131)
```
#c03285
```
#c03285 rgb(192,50,133)
```
#ca2886
```
#ca2886 rgb(202,40,134)
```
#d31f88
```
#d31f88 rgb(211,31,136)
```
#dc168a
```
#dc168a rgb(220,22,138)
```
#e60c8b
```
#e60c8b rgb(230,12,139)
```
#ef038d
```
#ef038d rgb(239,3,141)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#785469 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d76b7 Protanopia 1% of men
#7f7580 Deuteranopia 1% of men
#d04548 Tritanopia 0.001% of the population

Trichromacy

#8856a6 Protanomaly 1% of men, 0.01% of women
#9e5683 Deuteranomaly 6% of men, 0.4% of women
#d1375f Tritanomaly 0.01% of the population

#d31f88 hex color

#d31f88 Color Information

#d31f88 Color Conversion

Color Schemes with #d31f88

Alternatives to #d31f88

#d31f88 Preview

Shades and Tints of #d31f88

Tones of #d31f88

Color Blindness Simulator