#d31663 hex color

In a RGB color space, hex #d31663 is composed of 82.7% red, 8.6% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.6% magenta, 53.1% yellow and 17.3% black. It has a hue angle of 335.6 degrees, a saturation of 81.1% and a lightness of 45.7%. #d31663 color hex could be obtained by blending #ff2cc6 with #a70000. Closest websafe color is: #cc0066.

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

● #d31663 color description : Strong pink.

The hexadecimal color #d31663 has RGB values of R:211, G:22, B:99 and CMYK values of C:0, M:0.9, Y:0.53, K:0.17. Its decimal value is 13833827.

Hex triplet	d31663	`#d31663`
RGB Decimal	211, 22, 99	`rgb(211,22,99)`
RGB Percent	82.7, 8.6, 38.8	`rgb(82.7%,8.6%,38.8%)`
CMYK	0, 90, 53, 17
HSL	335.6°, 81.1, 45.7	`hsl(335.6,81.1%,45.7%)`
HSV (or HSB)	335.6°, 89.6, 82.7
Web Safe	cc0066	`#cc0066`

CIE-LAB	46.079, 70.582, 8.013
XYZ	29.404, 15.327, 13.214
xyY	0.507, 0.265, 15.327
CIE-LCH	46.079, 71.036, 6.477
CIE-LUV	46.079, 117.164, -4.141
Hunter-Lab	39.15, 65.554, 7.393
Binary	11010011, 00010110, 01100011

#d31663
```
#d31663 rgb(211,22,99)
```
#16d386
```
#16d386 rgb(22,211,134)
```

Complementary Color

#d316c2
```
#d316c2 rgb(211,22,194)
```
#d31663
```
#d31663 rgb(211,22,99)
```
#d32816
```
#d32816 rgb(211,40,22)
```

Analogous Color

#16c2d3
```
#16c2d3 rgb(22,194,211)
```
#d31663
```
#d31663 rgb(211,22,99)
```
#16d327
```
#16d327 rgb(22,211,39)
```

Split Complementary Color

#1663d3
```
#1663d3 rgb(22,99,211)
```
#d31663
```
#d31663 rgb(211,22,99)
```
#63d316
```
#63d316 rgb(99,211,22)
```

Triadic Color

#8616d3
```
#8616d3 rgb(134,22,211)
```
#d31663
```
#d31663 rgb(211,22,99)
```
#63d316
```
#63d316 rgb(99,211,22)
```
#16d386
```
#16d386 rgb(22,211,134)
```

Tetradic Color

#8e0f42
```
#8e0f42 rgb(142,15,66)
```
#a5114d
```
#a5114d rgb(165,17,77)
```
#bc1458
```
#bc1458 rgb(188,20,88)
```
#d31663
```
#d31663 rgb(211,22,99)
```
#e71b6e
```
#e71b6e rgb(231,27,110)
```
#ea327d
```
#ea327d rgb(234,50,125)
```
#ec498c
```
#ec498c rgb(236,73,140)
```

Monochromatic Color

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

#d31692
```
#d31692 rgb(211,22,146)
```
#d31683
```
#d31683 rgb(211,22,131)
```
#d31673
```
#d31673 rgb(211,22,115)
```
#d31663
```
#d31663 rgb(211,22,99)
```
#d31653
```
#d31653 rgb(211,22,83)
```
#d31644
```
#d31644 rgb(211,22,68)
```
#d31634
```
#d31634 rgb(211,22,52)
```

Similar Colors

Text with hexadecimal color #d31663

This text has a font color of #d31663.

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

#d31663 background color

This paragraph has a background color of #d31663.

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

#d31663 border color

This element has a border color of #d31663.

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

CSS codes

.text {color:#d31663;}

.background {background-color:#d31663;}

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

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, #100207 is the darkest color, while #fffdfe is the lightest one.

#100207
```
#100207 rgb(16,2,7)
```
#210310
```
#210310 rgb(33,3,16)
```
#330518
```
#330518 rgb(51,5,24)
```
#450720
```
#450720 rgb(69,7,32)
```
#570929
```
#570929 rgb(87,9,41)
```
#680b31
```
#680b31 rgb(104,11,49)
```
#7a0d39
```
#7a0d39 rgb(122,13,57)
```
#8c0f42
```
#8c0f42 rgb(140,15,66)
```
#9e104a
```
#9e104a rgb(158,16,74)
```
#af1252
```
#af1252 rgb(175,18,82)
```
#c1145b
```
#c1145b rgb(193,20,91)
```
#d31663
```
#d31663 rgb(211,22,99)
```
#e5186b
```
#e5186b rgb(229,24,107)
```

Shade Color Variation

#e92876
```
#e92876 rgb(233,40,118)
```
#ea3982
```
#ea3982 rgb(234,57,130)
```
#ec4b8d
```
#ec4b8d rgb(236,75,141)
```
#ee5d98
```
#ee5d98 rgb(238,93,152)
```
#f06fa3
```
#f06fa3 rgb(240,111,163)
```
#f280af
```
#f280af rgb(242,128,175)
```
#f492ba
```
#f492ba rgb(244,146,186)
```
#f6a4c5
```
#f6a4c5 rgb(246,164,197)
```
#f7b6d1
```
#f7b6d1 rgb(247,182,209)
```
#f9c8dc
```
#f9c8dc rgb(249,200,220)
```
#fbd9e7
```
#fbd9e7 rgb(251,217,231)
```
#fdebf2
```
#fdebf2 rgb(253,235,242)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#797074
```
#797074 rgb(121,112,116)
```
#826772
```
#826772 rgb(130,103,114)
```
#8b5e70
```
#8b5e70 rgb(139,94,112)
```
#94556f
```
#94556f rgb(148,85,111)
```
#9d4c6d
```
#9d4c6d rgb(157,76,109)
```
#a6436b
```
#a6436b rgb(166,67,107)
```
#af3a6a
```
#af3a6a rgb(175,58,106)
```
#b83168
```
#b83168 rgb(184,49,104)
```
#c12866
```
#c12866 rgb(193,40,102)
```
#ca1f65
```
#ca1f65 rgb(202,31,101)
```
#d31663
```
#d31663 rgb(211,22,99)
```
#dc0d61
```
#dc0d61 rgb(220,13,97)
```
#e50460
```
#e50460 rgb(229,4,96)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#704a59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e738d Protanopia 1% of men
#87705f Deuteranopia 1% of men
#d23536 Tritanopia 0.001% of the population

Trichromacy

#92517d Protanomaly 1% of men, 0.01% of women
#a24f60 Deuteranomaly 6% of men, 0.4% of women
#d22946 Tritanomaly 0.01% of the population

#d31663 hex color

#d31663 Color Information

#d31663 Color Conversion

Color Schemes with #d31663

Alternatives to #d31663

#d31663 Preview

Shades and Tints of #d31663

Tones of #d31663

Color Blindness Simulator