#d31faf hex color

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

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

● #d31faf color description : Strong magenta.

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

Hex triplet	d31faf	`#d31faf`
RGB Decimal	211, 31, 175	`rgb(211,31,175)`
RGB Percent	82.7, 12.2, 68.6	`rgb(82.7%,12.2%,68.6%)`
CMYK	0, 85, 17, 17
HSL	312°, 74.4, 47.5	`hsl(312,74.4%,47.5%)`
HSV (or HSB)	312°, 85.3, 82.7
Web Safe	cc3399	`#cc3399`

CIE-LAB	49.407, 76.767, -33.01
XYZ	35.092, 17.927, 42.167
xyY	0.369, 0.188, 17.927
CIE-LCH	49.407, 83.563, 336.732
CIE-LUV	49.407, 82.354, -60.09
Hunter-Lab	42.34, 73.846, -29.41
Binary	11010011, 00011111, 10101111

#d31faf
```
#d31faf rgb(211,31,175)
```
#1fd343
```
#1fd343 rgb(31,211,67)
```

Complementary Color

#9d1fd3
```
#9d1fd3 rgb(157,31,211)
```
#d31faf
```
#d31faf rgb(211,31,175)
```
#d31f55
```
#d31f55 rgb(211,31,85)
```

Analogous Color

#1fd39d
```
#1fd39d rgb(31,211,157)
```
#d31faf
```
#d31faf rgb(211,31,175)
```
#55d31f
```
#55d31f rgb(85,211,31)
```

Split Complementary Color

#1fafd3
```
#1fafd3 rgb(31,175,211)
```
#d31faf
```
#d31faf rgb(211,31,175)
```
#afd31f
```
#afd31f rgb(175,211,31)
```

Triadic Color

#431fd3
```
#431fd3 rgb(67,31,211)
```
#d31faf
```
#d31faf rgb(211,31,175)
```
#afd31f
```
#afd31f rgb(175,211,31)
```
#1fd343
```
#1fd343 rgb(31,211,67)
```

Tetradic Color

#901578
```
#901578 rgb(144,21,120)
```
#a7188a
```
#a7188a rgb(167,24,138)
```
#bd1c9d
```
#bd1c9d rgb(189,28,157)
```
#d31faf
```
#d31faf rgb(211,31,175)
```
#e02cbc
```
#e02cbc rgb(224,44,188)
```
#e342c3
```
#e342c3 rgb(227,66,195)
```
#e658ca
```
#e658ca rgb(230,88,202)
```

Monochromatic Color

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

#ca1fd3
```
#ca1fd3 rgb(202,31,211)
```
#d31fcd
```
#d31fcd rgb(211,31,205)
```
#d31fbe
```
#d31fbe rgb(211,31,190)
```
#d31faf
```
#d31faf rgb(211,31,175)
```
#d31fa0
```
#d31fa0 rgb(211,31,160)
```
#d31f91
```
#d31f91 rgb(211,31,145)
```
#d31f82
```
#d31f82 rgb(211,31,130)
```

Similar Colors

Text with hexadecimal color #d31faf

This text has a font color of #d31faf.

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

#d31faf background color

This paragraph has a background color of #d31faf.

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

#d31faf border color

This element has a border color of #d31faf.

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

CSS codes

.text {color:#d31faf;}

.background {background-color:#d31faf;}

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

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

#060105
```
#060105 rgb(6,1,5)
```
#170313
```
#170313 rgb(23,3,19)
```
#280621
```
#280621 rgb(40,6,33)
```
#39082f
```
#39082f rgb(57,8,47)
```
#4a0b3e
```
#4a0b3e rgb(74,11,62)
```
#5b0d4c
```
#5b0d4c rgb(91,13,76)
```
#6c105a
```
#6c105a rgb(108,16,90)
```
#7d1268
```
#7d1268 rgb(125,18,104)
```
#8f1576
```
#8f1576 rgb(143,21,118)
```
#a01784
```
#a01784 rgb(160,23,132)
```
#b11a93
```
#b11a93 rgb(177,26,147)
```
#c21ca1
```
#c21ca1 rgb(194,28,161)
```
#d31faf
```
#d31faf rgb(211,31,175)
```

Shade Color Variation

#df26ba
```
#df26ba rgb(223,38,186)
```
#e238c0
```
#e238c0 rgb(226,56,192)
```
#e449c5
```
#e449c5 rgb(228,73,197)
```
#e75acb
```
#e75acb rgb(231,90,203)
```
#e96bd0
```
#e96bd0 rgb(233,107,208)
```
#ec7cd5
```
#ec7cd5 rgb(236,124,213)
```
#ee8ddb
```
#ee8ddb rgb(238,141,219)
```
#f19ee0
```
#f19ee0 rgb(241,158,224)
```
#f3afe6
```
#f3afe6 rgb(243,175,230)
```
#f6c0eb
```
#f6c0eb rgb(246,192,235)
```
#f8d1f1
```
#f8d1f1 rgb(248,209,241)
```
#fbe3f6
```
#fbe3f6 rgb(251,227,246)
```
#fdf4fb
```
#fdf4fb rgb(253,244,251)
```

Tint Color Variation

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

#7f737d
```
#7f737d rgb(127,115,125)
```
#896982
```
#896982 rgb(137,105,130)
```
#926088
```
#926088 rgb(146,96,136)
```
#9b578d
```
#9b578d rgb(155,87,141)
```
#a44e93
```
#a44e93 rgb(164,78,147)
```
#ae4499
```
#ae4499 rgb(174,68,153)
```
#b73b9e
```
#b73b9e rgb(183,59,158)
```
#c032a4
```
#c032a4 rgb(192,50,164)
```
#ca28a9
```
#ca28a9 rgb(202,40,169)
```
#d31faf
```
#d31faf rgb(211,31,175)
```
#dc16b5
```
#dc16b5 rgb(220,22,181)
```
#e60cba
```
#e60cba rgb(230,12,186)
```
#ef03c0
```
#ef03c0 rgb(239,3,192)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#7b5774 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d78e6 Protanopia 1% of men
#717aa3 Deuteranopia 1% of men
#cc5257 Tritanopia 0.001% of the population

Trichromacy

#6958d2 Protanomaly 1% of men, 0.01% of women
#9459a7 Deuteranomaly 6% of men, 0.4% of women
#ce4077 Tritanomaly 0.01% of the population

#d31faf hex color

#d31faf Color Information

#d31faf Color Conversion

Color Schemes with #d31faf

Alternatives to #d31faf

#d31faf Preview

Shades and Tints of #d31faf

Tones of #d31faf

Color Blindness Simulator