#d31486 hex color

In a RGB color space, hex #d31486 is composed of 82.7% red, 7.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.5% magenta, 36.5% yellow and 17.3% black. It has a hue angle of 324.2 degrees, a saturation of 82.7% and a lightness of 45.3%. #d31486 color hex could be obtained by blending #ff28ff with #a7000d. Closest websafe color is: #cc0099.

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

● #d31486 color description : Strong pink.

The hexadecimal color #d31486 has RGB values of R:211, G:20, B:134 and CMYK values of C:0, M:0.91, Y:0.36, K:0.17. Its decimal value is 13833350.

Hex triplet	d31486	`#d31486`
RGB Decimal	211, 20, 134	`rgb(211,20,134)`
RGB Percent	82.7, 7.8, 52.5	`rgb(82.7%,7.8%,52.5%)`
CMYK	0, 91, 36, 17
HSL	324.2°, 82.7, 45.3	`hsl(324.2,82.7%,45.3%)`
HSV (or HSB)	324.2°, 90.5, 82.7
Web Safe	cc0099	`#cc0099`

CIE-LAB	47.071, 73.855, -12.072
XYZ	31.418, 16.074, 24.001
xyY	0.439, 0.225, 16.074
CIE-LCH	47.071, 74.836, 350.717
CIE-LUV	47.071, 102.146, -29.645
Hunter-Lab	40.092, 69.72, -7.429
Binary	11010011, 00010100, 10000110

#d31486
```
#d31486 rgb(211,20,134)
```
#14d361
```
#14d361 rgb(20,211,97)
```

Complementary Color

#c114d3
```
#c114d3 rgb(193,20,211)
```
#d31486
```
#d31486 rgb(211,20,134)
```
#d31427
```
#d31427 rgb(211,20,39)
```

Analogous Color

#14d3c1
```
#14d3c1 rgb(20,211,193)
```
#d31486
```
#d31486 rgb(211,20,134)
```
#27d314
```
#27d314 rgb(39,211,20)
```

Split Complementary Color

#1486d3
```
#1486d3 rgb(20,134,211)
```
#d31486
```
#d31486 rgb(211,20,134)
```
#86d314
```
#86d314 rgb(134,211,20)
```

Triadic Color

#6114d3
```
#6114d3 rgb(97,20,211)
```
#d31486
```
#d31486 rgb(211,20,134)
```
#86d314
```
#86d314 rgb(134,211,20)
```
#14d361
```
#14d361 rgb(20,211,97)
```

Tetradic Color

#8d0d5a
```
#8d0d5a rgb(141,13,90)
```
#a41068
```
#a41068 rgb(164,16,104)
```
#bc1277
```
#bc1277 rgb(188,18,119)
```
#d31486
```
#d31486 rgb(211,20,134)
```
#e91795
```
#e91795 rgb(233,23,149)
```
#eb2f9f
```
#eb2f9f rgb(235,47,159)
```
#ed46aa
```
#ed46aa rgb(237,70,170)
```

Monochromatic Color

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

#d314b6
```
#d314b6 rgb(211,20,182)
```
#d314a6
```
#d314a6 rgb(211,20,166)
```
#d31496
```
#d31496 rgb(211,20,150)
```
#d31486
```
#d31486 rgb(211,20,134)
```
#d31476
```
#d31476 rgb(211,20,118)
```
#d31466
```
#d31466 rgb(211,20,102)
```
#d31456
```
#d31456 rgb(211,20,86)
```

Similar Colors

Text with hexadecimal color #d31486

This text has a font color of #d31486.

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

#d31486 background color

This paragraph has a background color of #d31486.

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

#d31486 border color

This element has a border color of #d31486.

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

CSS codes

.text {color:#d31486;}

.background {background-color:#d31486;}

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

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

#0e0109
```
#0e0109 rgb(14,1,9)
```
#200314
```
#200314 rgb(32,3,20)
```
#320520
```
#320520 rgb(50,5,32)
```
#44062b
```
#44062b rgb(68,6,43)
```
#560836
```
#560836 rgb(86,8,54)
```
#670a42
```
#670a42 rgb(103,10,66)
```
#790c4d
```
#790c4d rgb(121,12,77)
```
#8b0d58
```
#8b0d58 rgb(139,13,88)
```
#9d0f64
```
#9d0f64 rgb(157,15,100)
```
#af116f
```
#af116f rgb(175,17,111)
```
#c1127b
```
#c1127b rgb(193,18,123)
```
#d31486
```
#d31486 rgb(211,20,134)
```
#e51691
```
#e51691 rgb(229,22,145)
```

Shade Color Variation

#ea249a
```
#ea249a rgb(234,36,154)
```
#ec36a3
```
#ec36a3 rgb(236,54,163)
```
#ee48ab
```
#ee48ab rgb(238,72,171)
```
#ef5ab3
```
#ef5ab3 rgb(239,90,179)
```
#f16cbb
```
#f16cbb rgb(241,108,187)
```
#f37ec4
```
#f37ec4 rgb(243,126,196)
```
#f48fcc
```
#f48fcc rgb(244,143,204)
```
#f6a1d4
```
#f6a1d4 rgb(246,161,212)
```
#f8b3dc
```
#f8b3dc rgb(248,179,220)
```
#fac5e4
```
#fac5e4 rgb(250,197,228)
```
#fbd7ed
```
#fbd7ed rgb(251,215,237)
```
#fde9f5
```
#fde9f5 rgb(253,233,245)
```
#fffbfd
```
#fffbfd rgb(255,251,253)
```

Tint Color Variation

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

#7a6d75
```
#7a6d75 rgb(122,109,117)
```
#836477
```
#836477 rgb(131,100,119)
```
#8c5b78
```
#8c5b78 rgb(140,91,120)
```
#95527a
```
#95527a rgb(149,82,122)
```
#9e497c
```
#9e497c rgb(158,73,124)
```
#a7407d
```
#a7407d rgb(167,64,125)
```
#af387f
```
#af387f rgb(175,56,127)
```
#b82f81
```
#b82f81 rgb(184,47,129)
```
#c12683
```
#c12683 rgb(193,38,131)
```
#ca1d84
```
#ca1d84 rgb(202,29,132)
```
#d31486
```
#d31486 rgb(211,20,134)
```
#dc0b88
```
#dc0b88 rgb(220,11,136)
```
#e50289
```
#e50289 rgb(229,2,137)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#724c63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a74b8 Protanopia 1% of men
#7e737e Deuteranopia 1% of men
#d04043 Tritanopia 0.001% of the population

Trichromacy

#8651a5 Protanomaly 1% of men, 0.01% of women
#9d5181 Deuteranomaly 6% of men, 0.4% of women
#d1305b Tritanomaly 0.01% of the population

#d31486 hex color

#d31486 Color Information

#d31486 Color Conversion

Color Schemes with #d31486

Alternatives to #d31486

#d31486 Preview

Shades and Tints of #d31486

Tones of #d31486

Color Blindness Simulator