#d31399 hex color

In a RGB color space, hex #d31399 is composed of 82.7% red, 7.5% green and 60% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91% magenta, 27.5% yellow and 17.3% black. It has a hue angle of 318.1 degrees, a saturation of 83.5% and a lightness of 45.1%. #d31399 color hex could be obtained by blending #ff26ff with #a70033. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 83
- G 7
- B 60
RGB color chart
- C 0
- M 91
- Y 27
- K 17
CMYK color chart

● #d31399 color description : Strong pink.

The hexadecimal color #d31399 has RGB values of R:211, G:19, B:153 and CMYK values of C:0, M:0.91, Y:0.27, K:0.17. Its decimal value is 13833113.

Hex triplet	d31399	`#d31399`
RGB Decimal	211, 19, 153	`rgb(211,19,153)`
RGB Percent	82.7, 7.5, 60	`rgb(82.7%,7.5%,60%)`
CMYK	0, 91, 27, 17
HSL	318.1°, 83.5, 45.1	`hsl(318.1,83.5%,45.1%)`
HSV (or HSB)	318.1°, 91, 82.7
Web Safe	cc0099	`#cc0099`

CIE-LAB	47.775, 75.987, -22.477
XYZ	32.847, 16.618, 31.613
xyY	0.405, 0.205, 16.618
CIE-LCH	47.775, 79.242, 343.521
CIE-LUV	47.775, 93.604, -44.454
Hunter-Lab	40.765, 72.491, -17.444
Binary	11010011, 00010011, 10011001

#d31399
```
#d31399 rgb(211,19,153)
```
#13d34d
```
#13d34d rgb(19,211,77)
```

Complementary Color

#ad13d3
```
#ad13d3 rgb(173,19,211)
```
#d31399
```
#d31399 rgb(211,19,153)
```
#d31339
```
#d31339 rgb(211,19,57)
```

Analogous Color

#13d3ad
```
#13d3ad rgb(19,211,173)
```
#d31399
```
#d31399 rgb(211,19,153)
```
#39d313
```
#39d313 rgb(57,211,19)
```

Split Complementary Color

#1399d3
```
#1399d3 rgb(19,153,211)
```
#d31399
```
#d31399 rgb(211,19,153)
```
#99d313
```
#99d313 rgb(153,211,19)
```

Triadic Color

#4d13d3
```
#4d13d3 rgb(77,19,211)
```
#d31399
```
#d31399 rgb(211,19,153)
```
#99d313
```
#99d313 rgb(153,211,19)
```
#13d34d
```
#13d34d rgb(19,211,77)
```

Tetradic Color

#8d0d66
```
#8d0d66 rgb(141,13,102)
```
#a40f77
```
#a40f77 rgb(164,15,119)
```
#bc1188
```
#bc1188 rgb(188,17,136)
```
#d31399
```
#d31399 rgb(211,19,153)
```
#ea16aa
```
#ea16aa rgb(234,22,170)
```
#ec2db2
```
#ec2db2 rgb(236,45,178)
```
#ee44bb
```
#ee44bb rgb(238,68,187)
```

Monochromatic Color

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

#d313c9
```
#d313c9 rgb(211,19,201)
```
#d313b9
```
#d313b9 rgb(211,19,185)
```
#d313a9
```
#d313a9 rgb(211,19,169)
```
#d31399
```
#d31399 rgb(211,19,153)
```
#d31389
```
#d31389 rgb(211,19,137)
```
#d31379
```
#d31379 rgb(211,19,121)
```
#d31369
```
#d31369 rgb(211,19,105)
```

Similar Colors

Text with hexadecimal color #d31399

This text has a font color of #d31399.

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

#d31399 background color

This paragraph has a background color of #d31399.

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

#d31399 border color

This element has a border color of #d31399.

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

CSS codes

.text {color:#d31399;}

.background {background-color:#d31399;}

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

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

#0d0109
```
#0d0109 rgb(13,1,9)
```
#1f0317
```
#1f0317 rgb(31,3,23)
```
#310424
```
#310424 rgb(49,4,36)
```
#430631
```
#430631 rgb(67,6,49)
```
#55083e
```
#55083e rgb(85,8,62)
```
#67094b
```
#67094b rgb(103,9,75)
```
#790b58
```
#790b58 rgb(121,11,88)
```
#8b0d65
```
#8b0d65 rgb(139,13,101)
```
#9d0e72
```
#9d0e72 rgb(157,14,114)
```
#af107f
```
#af107f rgb(175,16,127)
```
#c1118c
```
#c1118c rgb(193,17,140)
```
#d31399
```
#d31399 rgb(211,19,153)
```
#e515a6
```
#e515a6 rgb(229,21,166)
```

Shade Color Variation

#eb22ae
```
#eb22ae rgb(235,34,174)
```
#ed34b5
```
#ed34b5 rgb(237,52,181)
```
#ee46bc
```
#ee46bc rgb(238,70,188)
```
#f058c2
```
#f058c2 rgb(240,88,194)
```
#f26ac9
```
#f26ac9 rgb(242,106,201)
```
#f37ccf
```
#f37ccf rgb(243,124,207)
```
#f58ed6
```
#f58ed6 rgb(245,142,214)
```
#f6a0dc
```
#f6a0dc rgb(246,160,220)
```
#f8b2e3
```
#f8b2e3 rgb(248,178,227)
```
#fac4e9
```
#fac4e9 rgb(250,196,233)
```
#fbd6f0
```
#fbd6f0 rgb(251,214,240)
```
#fde8f7
```
#fde8f7 rgb(253,232,247)
```
#fffafd
```
#fffafd rgb(255,250,253)
```

Tint Color Variation

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

#7b6b76
```
#7b6b76 rgb(123,107,118)
```
#836379
```
#836379 rgb(131,99,121)
```
#8c5a7d
```
#8c5a7d rgb(140,90,125)
```
#955180
```
#955180 rgb(149,81,128)
```
#9e4884
```
#9e4884 rgb(158,72,132)
```
#a73f87
```
#a73f87 rgb(167,63,135)
```
#b0368b
```
#b0368b rgb(176,54,139)
```
#b82e8e
```
#b82e8e rgb(184,46,142)
```
#c12592
```
#c12592 rgb(193,37,146)
```
#ca1c95
```
#ca1c95 rgb(202,28,149)
```
#d31399
```
#d31399 rgb(211,19,153)
```
#dc0a9d
```
#dc0a9d rgb(220,10,157)
```
#e501a0
```
#e501a0 rgb(229,1,160)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#744d68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4875cf Protanopia 1% of men
#78768f Deuteranopia 1% of men
#ce474a Tritanopia 0.001% of the population

Trichromacy

#7a51bb Protanomaly 1% of men, 0.01% of women
#995292 Deuteranomaly 6% of men, 0.4% of women
#d03467 Tritanomaly 0.01% of the population

#d31399 hex color

#d31399 Color Information

#d31399 Color Conversion

Color Schemes with #d31399

Alternatives to #d31399

#d31399 Preview

Shades and Tints of #d31399

Tones of #d31399

Color Blindness Simulator