#d31299 hex color

In a RGB color space, hex #d31299 is composed of 82.7% red, 7.1% green and 60% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.5% magenta, 27.5% yellow and 17.3% black. It has a hue angle of 318 degrees, a saturation of 84.3% and a lightness of 44.9%. #d31299 color hex could be obtained by blending #ff24ff 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

● #d31299 color description : Strong pink.

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

Hex triplet	d31299	`#d31299`
RGB Decimal	211, 18, 153	`rgb(211,18,153)`
RGB Percent	82.7, 7.1, 60	`rgb(82.7%,7.1%,60%)`
CMYK	0, 91, 27, 17
HSL	318°, 84.3, 44.9	`hsl(318,84.3%,44.9%)`
HSV (or HSB)	318°, 91.5, 82.7
Web Safe	cc0099	`#cc0099`

CIE-LAB	47.732, 76.111, -22.543
XYZ	32.83, 16.585, 31.608
xyY	0.405, 0.205, 16.585
CIE-LCH	47.732, 79.379, 343.502
CIE-LUV	47.732, 93.717, -44.559
Hunter-Lab	40.724, 72.633, -17.51
Binary	11010011, 00010010, 10011001

#d31299
```
#d31299 rgb(211,18,153)
```
#12d34c
```
#12d34c rgb(18,211,76)
```

Complementary Color

#ad12d3
```
#ad12d3 rgb(173,18,211)
```
#d31299
```
#d31299 rgb(211,18,153)
```
#d31239
```
#d31239 rgb(211,18,57)
```

Analogous Color

#12d3ad
```
#12d3ad rgb(18,211,173)
```
#d31299
```
#d31299 rgb(211,18,153)
```
#38d312
```
#38d312 rgb(56,211,18)
```

Split Complementary Color

#1299d3
```
#1299d3 rgb(18,153,211)
```
#d31299
```
#d31299 rgb(211,18,153)
```
#99d312
```
#99d312 rgb(153,211,18)
```

Triadic Color

#4c12d3
```
#4c12d3 rgb(76,18,211)
```
#d31299
```
#d31299 rgb(211,18,153)
```
#99d312
```
#99d312 rgb(153,211,18)
```
#12d34c
```
#12d34c rgb(18,211,76)
```

Tetradic Color

#8d0c66
```
#8d0c66 rgb(141,12,102)
```
#a40e77
```
#a40e77 rgb(164,14,119)
```
#bc1088
```
#bc1088 rgb(188,16,136)
```
#d31299
```
#d31299 rgb(211,18,153)
```
#ea14aa
```
#ea14aa rgb(234,20,170)
```
#ed2bb3
```
#ed2bb3 rgb(237,43,179)
```
#ef43bb
```
#ef43bb rgb(239,67,187)
```

Monochromatic Color

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

#d312c9
```
#d312c9 rgb(211,18,201)
```
#d312b9
```
#d312b9 rgb(211,18,185)
```
#d312a9
```
#d312a9 rgb(211,18,169)
```
#d31299
```
#d31299 rgb(211,18,153)
```
#d31289
```
#d31289 rgb(211,18,137)
```
#d31279
```
#d31279 rgb(211,18,121)
```
#d31269
```
#d31269 rgb(211,18,105)
```

Similar Colors

Text with hexadecimal color #d31299

This text has a font color of #d31299.

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

#d31299 background color

This paragraph has a background color of #d31299.

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

#d31299 border color

This element has a border color of #d31299.

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

CSS codes

.text {color:#d31299;}

.background {background-color:#d31299;}

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

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

#0c0109
```
#0c0109 rgb(12,1,9)
```
#1e0316
```
#1e0316 rgb(30,3,22)
```
#300423
```
#300423 rgb(48,4,35)
```
#420630
```
#420630 rgb(66,6,48)
```
#54073d
```
#54073d rgb(84,7,61)
```
#67094a
```
#67094a rgb(103,9,74)
```
#790a57
```
#790a57 rgb(121,10,87)
```
#8b0c65
```
#8b0c65 rgb(139,12,101)
```
#9d0d72
```
#9d0d72 rgb(157,13,114)
```
#af0f7f
```
#af0f7f rgb(175,15,127)
```
#c1108c
```
#c1108c rgb(193,16,140)
```
#d31299
```
#d31299 rgb(211,18,153)
```
#e514a6
```
#e514a6 rgb(229,20,166)
```

Shade Color Variation

#ec20af
```
#ec20af rgb(236,32,175)
```
#ee32b5
```
#ee32b5 rgb(238,50,181)
```
#ef44bc
```
#ef44bc rgb(239,68,188)
```
#f156c2
```
#f156c2 rgb(241,86,194)
```
#f269c9
```
#f269c9 rgb(242,105,201)
```
#f47bcf
```
#f47bcf rgb(244,123,207)
```
#f58dd6
```
#f58dd6 rgb(245,141,214)
```
#f79fdc
```
#f79fdc rgb(247,159,220)
```
#f8b1e3
```
#f8b1e3 rgb(248,177,227)
```
#fac3e9
```
#fac3e9 rgb(250,195,233)
```
#fbd5f0
```
#fbd5f0 rgb(251,213,240)
```
#fde7f6
```
#fde7f6 rgb(253,231,246)
```
#fef9fd
```
#fef9fd rgb(254,249,253)
```

Tint Color Variation

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

#7b6a76
```
#7b6a76 rgb(123,106,118)
```
#846179
```
#846179 rgb(132,97,121)
```
#8d587d
```
#8d587d rgb(141,88,125)
```
#955080
```
#955080 rgb(149,80,128)
```
#9e4784
```
#9e4784 rgb(158,71,132)
```
#a73e87
```
#a73e87 rgb(167,62,135)
```
#b0358b
```
#b0358b rgb(176,53,139)
```
#b92c8e
```
#b92c8e rgb(185,44,142)
```
#c12492
```
#c12492 rgb(193,36,146)
```
#ca1b95
```
#ca1b95 rgb(202,27,149)
```
#d31299
```
#d31299 rgb(211,18,153)
```
#dc099d
```
#dc099d rgb(220,9,157)
```
#e500a0
```
#e500a0 rgb(229,0,160)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#734c67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4775cf Protanopia 1% of men
#77768f Deuteranopia 1% of men
#ce474a Tritanopia 0.001% of the population

Trichromacy

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

#d31299 hex color

#d31299 Color Information

#d31299 Color Conversion

Color Schemes with #d31299

Alternatives to #d31299

#d31299 Preview

Shades and Tints of #d31299

Tones of #d31299

Color Blindness Simulator