#d31063 hex color

In a RGB color space, hex #d31063 is composed of 82.7% red, 6.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.4% magenta, 53.1% yellow and 17.3% black. It has a hue angle of 334.5 degrees, a saturation of 85.9% and a lightness of 44.5%. #d31063 color hex could be obtained by blending #ff20c6 with #a70000. Closest websafe color is: #cc0066.

♥
- f
- t
- g
- R 83
- G 6
- B 39
RGB color chart
- C 0
- M 92
- Y 53
- K 17
CMYK color chart

● #d31063 color description : Strong pink.

The hexadecimal color #d31063 has RGB values of R:211, G:16, B:99 and CMYK values of C:0, M:0.92, Y:0.53, K:0.17. Its decimal value is 13832291.

Hex triplet	d31063	`#d31063`
RGB Decimal	211, 16, 99	`rgb(211,16,99)`
RGB Percent	82.7, 6.3, 38.8	`rgb(82.7%,6.3%,38.8%)`
CMYK	0, 92, 53, 17
HSL	334.5°, 85.9, 44.5	`hsl(334.5,85.9%,44.5%)`
HSV (or HSB)	334.5°, 92.4, 82.7
Web Safe	cc0066	`#cc0066`

CIE-LAB	45.803, 71.38, 7.623
XYZ	29.302, 15.124, 13.18
xyY	0.509, 0.263, 15.124
CIE-LCH	45.803, 71.786, 6.096
CIE-LUV	45.803, 118.221, -4.778
Hunter-Lab	38.889, 66.441, 7.129
Binary	11010011, 00010000, 01100011

#d31063
```
#d31063 rgb(211,16,99)
```
#10d380
```
#10d380 rgb(16,211,128)
```

Complementary Color

#d310c5
```
#d310c5 rgb(211,16,197)
```
#d31063
```
#d31063 rgb(211,16,99)
```
#d31f10
```
#d31f10 rgb(211,31,16)
```

Analogous Color

#10c5d3
```
#10c5d3 rgb(16,197,211)
```
#d31063
```
#d31063 rgb(211,16,99)
```
#10d31e
```
#10d31e rgb(16,211,30)
```

Split Complementary Color

#1063d3
```
#1063d3 rgb(16,99,211)
```
#d31063
```
#d31063 rgb(211,16,99)
```
#63d310
```
#63d310 rgb(99,211,16)
```

Triadic Color

#8010d3
```
#8010d3 rgb(128,16,211)
```
#d31063
```
#d31063 rgb(211,16,99)
```
#63d310
```
#63d310 rgb(99,211,16)
```
#10d380
```
#10d380 rgb(16,211,128)
```

Tetradic Color

#8c0b42
```
#8c0b42 rgb(140,11,66)
```
#a40c4d
```
#a40c4d rgb(164,12,77)
```
#bb0e58
```
#bb0e58 rgb(187,14,88)
```
#d31063
```
#d31063 rgb(211,16,99)
```
#eb126e
```
#eb126e rgb(235,18,110)
```
#ef277c
```
#ef277c rgb(239,39,124)
```
#f03f8b
```
#f03f8b rgb(240,63,139)
```

Monochromatic Color

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

#d31094
```
#d31094 rgb(211,16,148)
```
#d31084
```
#d31084 rgb(211,16,132)
```
#d31073
```
#d31073 rgb(211,16,115)
```
#d31063
```
#d31063 rgb(211,16,99)
```
#d31053
```
#d31053 rgb(211,16,83)
```
#d31043
```
#d31043 rgb(211,16,67)
```
#d31032
```
#d31032 rgb(211,16,50)
```

Similar Colors

Text with hexadecimal color #d31063

This text has a font color of #d31063.

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

#d31063 background color

This paragraph has a background color of #d31063.

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

#d31063 border color

This element has a border color of #d31063.

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

CSS codes

.text {color:#d31063;}

.background {background-color:#d31063;}

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

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

#0a0105
```
#0a0105 rgb(10,1,5)
```
#1d020d
```
#1d020d rgb(29,2,13)
```
#2f0416
```
#2f0416 rgb(47,4,22)
```
#41051f
```
#41051f rgb(65,5,31)
```
#530627
```
#530627 rgb(83,6,39)
```
#660830
```
#660830 rgb(102,8,48)
```
#780938
```
#780938 rgb(120,9,56)
```
#8a0a41
```
#8a0a41 rgb(138,10,65)
```
#9c0c49
```
#9c0c49 rgb(156,12,73)
```
#af0d52
```
#af0d52 rgb(175,13,82)
```
#c10f5a
```
#c10f5a rgb(193,15,90)
```
#d31063
```
#d31063 rgb(211,16,99)
```
#e5116c
```
#e5116c rgb(229,17,108)
```

Shade Color Variation

#ee1c76
```
#ee1c76 rgb(238,28,118)
```
#ef2f81
```
#ef2f81 rgb(239,47,129)
```
#f1418c
```
#f1418c rgb(241,65,140)
```
#f25397
```
#f25397 rgb(242,83,151)
```
#f365a2
```
#f365a2 rgb(243,101,162)
```
#f578ad
```
#f578ad rgb(245,120,173)
```
#f68ab8
```
#f68ab8 rgb(246,138,184)
```
#f79cc3
```
#f79cc3 rgb(247,156,195)
```
#f9aece
```
#f9aece rgb(249,174,206)
```
#fac1d9
```
#fac1d9 rgb(250,193,217)
```
#fcd3e4
```
#fcd3e4 rgb(252,211,228)
```
#fde5ef
```
#fde5ef rgb(253,229,239)
```
#fef7fa
```
#fef7fa rgb(254,247,250)
```

Tint Color Variation

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

#737071
```
#737071 rgb(115,112,113)
```
#7c6770
```
#7c6770 rgb(124,103,112)
```
#845f6f
```
#845f6f rgb(132,95,111)
```
#8d566d
```
#8d566d rgb(141,86,109)
```
#964d6c
```
#964d6c rgb(150,77,108)
```
#9f446b
```
#9f446b rgb(159,68,107)
```
#a73c69
```
#a73c69 rgb(167,60,105)
```
#b03368
```
#b03368 rgb(176,51,104)
```
#b92a67
```
#b92a67 rgb(185,42,103)
```
#c22166
```
#c22166 rgb(194,33,102)
```
#ca1964
```
#ca1964 rgb(202,25,100)
```
#d31063
```
#d31063 rgb(211,16,99)
```
#dc0762
```
#dc0762 rgb(220,7,98)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#6d4657 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d728e Protanopia 1% of men
#866f5f Deuteranopia 1% of men
#d23233 Tritanopia 0.001% of the population

Trichromacy

#924e7e Protanomaly 1% of men, 0.01% of women
#a24c60 Deuteranomaly 6% of men, 0.4% of women
#d22644 Tritanomaly 0.01% of the population

#d31063 hex color

#d31063 Color Information

#d31063 Color Conversion

Color Schemes with #d31063

Alternatives to #d31063

#d31063 Preview

Shades and Tints of #d31063

Tones of #d31063

Color Blindness Simulator