#d31286 hex color

In a RGB color space, hex #d31286 is composed of 82.7% red, 7.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.5% magenta, 36.5% yellow and 17.3% black. It has a hue angle of 323.9 degrees, a saturation of 84.3% and a lightness of 44.9%. #d31286 color hex could be obtained by blending #ff24ff with #a7000d. Closest websafe color is: #cc0099.

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

● #d31286 color description : Strong pink.

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

Hex triplet	d31286	`#d31286`
RGB Decimal	211, 18, 134	`rgb(211,18,134)`
RGB Percent	82.7, 7.1, 52.5	`rgb(82.7%,7.1%,52.5%)`
CMYK	0, 91, 36, 17
HSL	323.9°, 84.3, 44.9	`hsl(323.9,84.3%,44.9%)`
HSV (or HSB)	323.9°, 91.5, 82.7
Web Safe	cc0099	`#cc0099`

CIE-LAB	46.982, 74.113, -12.206
XYZ	31.384, 16.006, 23.99
xyY	0.44, 0.224, 16.006
CIE-LCH	46.982, 75.112, 350.648
CIE-LUV	46.982, 102.415, -29.864
Hunter-Lab	40.008, 70.012, -7.547
Binary	11010011, 00010010, 10000110

#d31286
```
#d31286 rgb(211,18,134)
```
#12d35f
```
#12d35f rgb(18,211,95)
```

Complementary Color

#c012d3
```
#c012d3 rgb(192,18,211)
```
#d31286
```
#d31286 rgb(211,18,134)
```
#d31226
```
#d31226 rgb(211,18,38)
```

Analogous Color

#12d3c0
```
#12d3c0 rgb(18,211,192)
```
#d31286
```
#d31286 rgb(211,18,134)
```
#26d312
```
#26d312 rgb(38,211,18)
```

Split Complementary Color

#1286d3
```
#1286d3 rgb(18,134,211)
```
#d31286
```
#d31286 rgb(211,18,134)
```
#86d312
```
#86d312 rgb(134,211,18)
```

Triadic Color

#5f12d3
```
#5f12d3 rgb(95,18,211)
```
#d31286
```
#d31286 rgb(211,18,134)
```
#86d312
```
#86d312 rgb(134,211,18)
```
#12d35f
```
#12d35f rgb(18,211,95)
```

Tetradic Color

#8d0c59
```
#8d0c59 rgb(141,12,89)
```
#a40e68
```
#a40e68 rgb(164,14,104)
```
#bc1077
```
#bc1077 rgb(188,16,119)
```
#d31286
```
#d31286 rgb(211,18,134)
```
#ea1495
```
#ea1495 rgb(234,20,149)
```
#ed2ba0
```
#ed2ba0 rgb(237,43,160)
```
#ef43aa
```
#ef43aa rgb(239,67,170)
```

Monochromatic Color

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

#d312b6
```
#d312b6 rgb(211,18,182)
```
#d312a6
```
#d312a6 rgb(211,18,166)
```
#d31296
```
#d31296 rgb(211,18,150)
```
#d31286
```
#d31286 rgb(211,18,134)
```
#d31276
```
#d31276 rgb(211,18,118)
```
#d31266
```
#d31266 rgb(211,18,102)
```
#d31256
```
#d31256 rgb(211,18,86)
```

Similar Colors

Text with hexadecimal color #d31286

This text has a font color of #d31286.

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

#d31286 background color

This paragraph has a background color of #d31286.

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

#d31286 border color

This element has a border color of #d31286.

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

CSS codes

.text {color:#d31286;}

.background {background-color:#d31286;}

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

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

#0c0108
```
#0c0108 rgb(12,1,8)
```
#1e0313
```
#1e0313 rgb(30,3,19)
```
#30041f
```
#30041f rgb(48,4,31)
```
#42062a
```
#42062a rgb(66,6,42)
```
#540736
```
#540736 rgb(84,7,54)
```
#670941
```
#670941 rgb(103,9,65)
```
#790a4d
```
#790a4d rgb(121,10,77)
```
#8b0c58
```
#8b0c58 rgb(139,12,88)
```
#9d0d64
```
#9d0d64 rgb(157,13,100)
```
#af0f6f
```
#af0f6f rgb(175,15,111)
```
#c1107b
```
#c1107b rgb(193,16,123)
```
#d31286
```
#d31286 rgb(211,18,134)
```
#e51491
```
#e51491 rgb(229,20,145)
```

Shade Color Variation

#ec209b
```
#ec209b rgb(236,32,155)
```
#ee32a3
```
#ee32a3 rgb(238,50,163)
```
#ef44ab
```
#ef44ab rgb(239,68,171)
```
#f156b3
```
#f156b3 rgb(241,86,179)
```
#f269bb
```
#f269bb rgb(242,105,187)
```
#f47bc3
```
#f47bc3 rgb(244,123,195)
```
#f58dcc
```
#f58dcc rgb(245,141,204)
```
#f79fd4
```
#f79fd4 rgb(247,159,212)
```
#f8b1dc
```
#f8b1dc rgb(248,177,220)
```
#fac3e4
```
#fac3e4 rgb(250,195,228)
```
#fbd5ec
```
#fbd5ec rgb(251,213,236)
```
#fde7f4
```
#fde7f4 rgb(253,231,244)
```
#fef9fc
```
#fef9fc rgb(254,249,252)
```

Tint Color Variation

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

#7b6a74
```
#7b6a74 rgb(123,106,116)
```
#846176
```
#846176 rgb(132,97,118)
```
#8d5878
```
#8d5878 rgb(141,88,120)
```
#95507a
```
#95507a rgb(149,80,122)
```
#9e477b
```
#9e477b rgb(158,71,123)
```
#a73e7d
```
#a73e7d rgb(167,62,125)
```
#b0357f
```
#b0357f rgb(176,53,127)
```
#b92c81
```
#b92c81 rgb(185,44,129)
```
#c12482
```
#c12482 rgb(193,36,130)
```
#ca1b84
```
#ca1b84 rgb(202,27,132)
```
#d31286
```
#d31286 rgb(211,18,134)
```
#dc0988
```
#dc0988 rgb(220,9,136)
```
#e5008a
```
#e5008a rgb(229,0,138)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#714b62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5974b8 Protanopia 1% of men
#7e737e Deuteranopia 1% of men
#d04042 Tritanopia 0.001% of the population

Trichromacy

#8550a6 Protanomaly 1% of men, 0.01% of women
#9d5081 Deuteranomaly 6% of men, 0.4% of women
#d12f5b Tritanomaly 0.01% of the population

#d31286 hex color

#d31286 Color Information

#d31286 Color Conversion

Color Schemes with #d31286

Alternatives to #d31286

#d31286 Preview

Shades and Tints of #d31286

Tones of #d31286

Color Blindness Simulator