#d63396 hex color

In a RGB color space, hex #d63396 is composed of 83.9% red, 20% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.2% magenta, 29.9% yellow and 16.1% black. It has a hue angle of 323.6 degrees, a saturation of 66.5% and a lightness of 52%. #d63396 color hex could be obtained by blending #ff66ff with #ad002d. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 84
- G 20
- B 59
RGB color chart
- C 0
- M 76
- Y 30
- K 16
CMYK color chart

● #d63396 color description : Strong pink.

The hexadecimal color #d63396 has RGB values of R:214, G:51, B:150 and CMYK values of C:0, M:0.76, Y:0.3, K:0.16. Its decimal value is 14037910.

Hex triplet	d63396	`#d63396`
RGB Decimal	214, 51, 150	`rgb(214,51,150)`
RGB Percent	83.9, 20, 58.8	`rgb(83.9%,20%,58.8%)`
CMYK	0, 76, 30, 16
HSL	323.6°, 66.5, 52	`hsl(323.6,66.5%,52%)`
HSV (or HSB)	323.6°, 76.2, 83.9
Web Safe	cc3399	`#cc3399`

CIE-LAB	50.534, 69.612, -16.407
XYZ	34.421, 18.869, 30.682
xyY	0.41, 0.225, 18.869
CIE-LCH	50.534, 71.519, 346.737
CIE-LUV	50.534, 90.908, -35.235
Hunter-Lab	43.438, 65.427, -11.471
Binary	11010110, 00110011, 10010110

#d63396
```
#d63396 rgb(214,51,150)
```
#33d673
```
#33d673 rgb(51,214,115)
```

Complementary Color

#c533d6
```
#c533d6 rgb(197,51,214)
```
#d63396
```
#d63396 rgb(214,51,150)
```
#d63345
```
#d63345 rgb(214,51,69)
```

Analogous Color

#33d6c5
```
#33d6c5 rgb(51,214,197)
```
#d63396
```
#d63396 rgb(214,51,150)
```
#45d633
```
#45d633 rgb(69,214,51)
```

Split Complementary Color

#3396d6
```
#3396d6 rgb(51,150,214)
```
#d63396
```
#d63396 rgb(214,51,150)
```
#96d633
```
#96d633 rgb(150,214,51)
```

Triadic Color

#7333d6
```
#7333d6 rgb(115,51,214)
```
#d63396
```
#d63396 rgb(214,51,150)
```
#96d633
```
#96d633 rgb(150,214,51)
```
#33d673
```
#33d673 rgb(51,214,115)
```

Tetradic Color

#9d206c
```
#9d206c rgb(157,32,108)
```
#b2247a
```
#b2247a rgb(178,36,122)
```
#c72889
```
#c72889 rgb(199,40,137)
```
#d63396
```
#d63396 rgb(214,51,150)
```
#da48a1
```
#da48a1 rgb(218,72,161)
```
#df5dac
```
#df5dac rgb(223,93,172)
```
#e373b7
```
#e373b7 rgb(227,115,183)
```

Monochromatic Color

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

#d633bf
```
#d633bf rgb(214,51,191)
```
#d633b1
```
#d633b1 rgb(214,51,177)
```
#d633a4
```
#d633a4 rgb(214,51,164)
```
#d63396
```
#d63396 rgb(214,51,150)
```
#d63388
```
#d63388 rgb(214,51,136)
```
#d6337b
```
#d6337b rgb(214,51,123)
```
#d6336d
```
#d6336d rgb(214,51,109)
```

Similar Colors

Text with hexadecimal color #d63396

This text has a font color of #d63396.

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

#d63396 background color

This paragraph has a background color of #d63396.

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

#d63396 border color

This element has a border color of #d63396.

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

CSS codes

.text {color:#d63396;}

.background {background-color:#d63396;}

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

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

#080206
```
#080206 rgb(8,2,6)
```
#190511
```
#190511 rgb(25,5,17)
```
#29081c
```
#29081c rgb(41,8,28)
```
#390c27
```
#390c27 rgb(57,12,39)
```
#4a0f33
```
#4a0f33 rgb(74,15,51)
```
#5a123e
```
#5a123e rgb(90,18,62)
```
#6a1549
```
#6a1549 rgb(106,21,73)
```
#7b1954
```
#7b1954 rgb(123,25,84)
```
#8b1c5f
```
#8b1c5f rgb(139,28,95)
```
#9b1f6b
```
#9b1f6b rgb(155,31,107)
```
#ac2276
```
#ac2276 rgb(172,34,118)
```
#bc2681
```
#bc2681 rgb(188,38,129)
```
#cc298c
```
#cc298c rgb(204,41,140)
```

Shade Color Variation

#d63396
```
#d63396 rgb(214,51,150)
```
#d9439e
```
#d9439e rgb(217,67,158)
```
#dd54a7
```
#dd54a7 rgb(221,84,167)
```
#e064af
```
#e064af rgb(224,100,175)
```
#e374b8
```
#e374b8 rgb(227,116,184)
```
#e685c0
```
#e685c0 rgb(230,133,192)
```
#ea95c8
```
#ea95c8 rgb(234,149,200)
```
#eda5d1
```
#eda5d1 rgb(237,165,209)
```
#f0b6d9
```
#f0b6d9 rgb(240,182,217)
```
#f4c6e2
```
#f4c6e2 rgb(244,198,226)
```
#f7d6ea
```
#f7d6ea rgb(247,214,234)
```
#fae7f2
```
#fae7f2 rgb(250,231,242)
```
#fdf7fb
```
#fdf7fb rgb(253,247,251)
```

Tint Color Variation

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

#8b7e86
```
#8b7e86 rgb(139,126,134)
```
#947588
```
#947588 rgb(148,117,136)
```
#9d6c8a
```
#9d6c8a rgb(157,108,138)
```
#a7628c
```
#a7628c rgb(167,98,140)
```
#b0598e
```
#b0598e rgb(176,89,142)
```
#ba4f90
```
#ba4f90 rgb(186,79,144)
```
#c34692
```
#c34692 rgb(195,70,146)
```
#cd3c94
```
#cd3c94 rgb(205,60,148)
```
#d63396
```
#d63396 rgb(214,51,150)
```
#df2a98
```
#df2a98 rgb(223,42,152)
```
#e9209a
```
#e9209a rgb(233,32,154)
```
#f2179c
```
#f2179c rgb(242,23,156)
```
#fc0d9e
```
#fc0d9e rgb(252,13,158)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#846377 Atypical Achromatopsia 0.001% of the population

Dichromacy

#637dc1 Protanopia 1% of men
#837c8e Deuteranopia 1% of men
#d25357 Tritanopia 0.001% of the population

Trichromacy

#8c62b1 Protanomaly 1% of men, 0.01% of women
#a16191 Deuteranomaly 6% of men, 0.4% of women
#d3476e Tritanomaly 0.01% of the population

#d63396 hex color

#d63396 Color Information

#d63396 Color Conversion

Color Schemes with #d63396

Alternatives to #d63396

#d63396 Preview

Shades and Tints of #d63396

Tones of #d63396

Color Blindness Simulator