#d31493 hex color

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

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

● #d31493 color description : Strong pink.

The hexadecimal color #d31493 has RGB values of R:211, G:20, B:147 and CMYK values of C:0, M:0.91, Y:0.3, K:0.17. Its decimal value is 13833363.

Hex triplet	d31493	`#d31493`
RGB Decimal	211, 20, 147	`rgb(211,20,147)`
RGB Percent	82.7, 7.8, 57.6	`rgb(82.7%,7.8%,57.6%)`
CMYK	0, 91, 30, 17
HSL	320.1°, 82.7, 45.3	`hsl(320.1,82.7%,45.3%)`
HSV (or HSB)	320.1°, 90.5, 82.7
Web Safe	cc0099	`#cc0099`

CIE-LAB	47.571, 75.198, -19.184
XYZ	32.381, 16.459, 29.074
xyY	0.416, 0.211, 16.459
CIE-LCH	47.571, 77.606, 345.689
CIE-LUV	47.571, 96.215, -39.669
Hunter-Lab	40.57, 71.475, -14.091
Binary	11010011, 00010100, 10010011

#d31493
```
#d31493 rgb(211,20,147)
```
#14d354
```
#14d354 rgb(20,211,84)
```

Complementary Color

#b414d3
```
#b414d3 rgb(180,20,211)
```
#d31493
```
#d31493 rgb(211,20,147)
```
#d31433
```
#d31433 rgb(211,20,51)
```

Analogous Color

#14d3b4
```
#14d3b4 rgb(20,211,180)
```
#d31493
```
#d31493 rgb(211,20,147)
```
#33d314
```
#33d314 rgb(51,211,20)
```

Split Complementary Color

#1493d3
```
#1493d3 rgb(20,147,211)
```
#d31493
```
#d31493 rgb(211,20,147)
```
#93d314
```
#93d314 rgb(147,211,20)
```

Triadic Color

#5414d3
```
#5414d3 rgb(84,20,211)
```
#d31493
```
#d31493 rgb(211,20,147)
```
#93d314
```
#93d314 rgb(147,211,20)
```
#14d354
```
#14d354 rgb(20,211,84)
```

Tetradic Color

#8d0d62
```
#8d0d62 rgb(141,13,98)
```
#a41073
```
#a41073 rgb(164,16,115)
```
#bc1283
```
#bc1283 rgb(188,18,131)
```
#d31493
```
#d31493 rgb(211,20,147)
```
#e917a3
```
#e917a3 rgb(233,23,163)
```
#eb2fac
```
#eb2fac rgb(235,47,172)
```
#ed46b5
```
#ed46b5 rgb(237,70,181)
```

Monochromatic Color

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

#d314c3
```
#d314c3 rgb(211,20,195)
```
#d314b3
```
#d314b3 rgb(211,20,179)
```
#d314a3
```
#d314a3 rgb(211,20,163)
```
#d31493
```
#d31493 rgb(211,20,147)
```
#d31483
```
#d31483 rgb(211,20,131)
```
#d31473
```
#d31473 rgb(211,20,115)
```
#d31463
```
#d31463 rgb(211,20,99)
```

Similar Colors

Text with hexadecimal color #d31493

This text has a font color of #d31493.

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

#d31493 background color

This paragraph has a background color of #d31493.

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

#d31493 border color

This element has a border color of #d31493.

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

CSS codes

.text {color:#d31493;}

.background {background-color:#d31493;}

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

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

#0e010a
```
#0e010a rgb(14,1,10)
```
#200316
```
#200316 rgb(32,3,22)
```
#320523
```
#320523 rgb(50,5,35)
```
#44062f
```
#44062f rgb(68,6,47)
```
#56083c
```
#56083c rgb(86,8,60)
```
#670a48
```
#670a48 rgb(103,10,72)
```
#790c55
```
#790c55 rgb(121,12,85)
```
#8b0d61
```
#8b0d61 rgb(139,13,97)
```
#9d0f6e
```
#9d0f6e rgb(157,15,110)
```
#af117a
```
#af117a rgb(175,17,122)
```
#c11287
```
#c11287 rgb(193,18,135)
```
#d31493
```
#d31493 rgb(211,20,147)
```
#e5169f
```
#e5169f rgb(229,22,159)
```

Shade Color Variation

#ea24a8
```
#ea24a8 rgb(234,36,168)
```
#ec36af
```
#ec36af rgb(236,54,175)
```
#ee48b6
```
#ee48b6 rgb(238,72,182)
```
#ef5abd
```
#ef5abd rgb(239,90,189)
```
#f16cc4
```
#f16cc4 rgb(241,108,196)
```
#f37ecb
```
#f37ecb rgb(243,126,203)
```
#f48fd3
```
#f48fd3 rgb(244,143,211)
```
#f6a1da
```
#f6a1da rgb(246,161,218)
```
#f8b3e1
```
#f8b3e1 rgb(248,179,225)
```
#fac5e8
```
#fac5e8 rgb(250,197,232)
```
#fbd7ef
```
#fbd7ef rgb(251,215,239)
```
#fde9f6
```
#fde9f6 rgb(253,233,246)
```
#fffbfd
```
#fffbfd rgb(255,251,253)
```

Tint Color Variation

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

#7a6d76
```
#7a6d76 rgb(122,109,118)
```
#836479
```
#836479 rgb(131,100,121)
```
#8c5b7c
```
#8c5b7c rgb(140,91,124)
```
#95527e
```
#95527e rgb(149,82,126)
```
#9e4981
```
#9e4981 rgb(158,73,129)
```
#a74084
```
#a74084 rgb(167,64,132)
```
#af3887
```
#af3887 rgb(175,56,135)
```
#b82f8a
```
#b82f8a rgb(184,47,138)
```
#c1268d
```
#c1268d rgb(193,38,141)
```
#ca1d90
```
#ca1d90 rgb(202,29,144)
```
#d31493
```
#d31493 rgb(211,20,147)
```
#dc0b96
```
#dc0b96 rgb(220,11,150)
```
#e50299
```
#e50299 rgb(229,2,153)
```

Tone Color Variation

Below, you can see how #d31493 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
#744e67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f75c7 Protanopia 1% of men
#7a758a Deuteranopia 1% of men
#cf4548 Tritanopia 0.001% of the population

Trichromacy

#7f52b4 Protanomaly 1% of men, 0.01% of women
#9a528d Deuteranomaly 6% of men, 0.4% of women
#d03363 Tritanomaly 0.01% of the population

#d31493 hex color

#d31493 Color Information

#d31493 Color Conversion

Color Schemes with #d31493

Alternatives to #d31493

#d31493 Preview

Shades and Tints of #d31493

Tones of #d31493

Color Blindness Simulator