#d63563 hex color

In a RGB color space, hex #d63563 is composed of 83.9% red, 20.8% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.2% magenta, 53.7% yellow and 16.1% black. It has a hue angle of 342.9 degrees, a saturation of 66.3% and a lightness of 52.4%. #d63563 color hex could be obtained by blending #ff6ac6 with #ad0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 84
- G 21
- B 39
RGB color chart
- C 0
- M 75
- Y 54
- K 16
CMYK color chart

● #d63563 color description : Strong pink.

The hexadecimal color #d63563 has RGB values of R:214, G:53, B:99 and CMYK values of C:0, M:0.75, Y:0.54, K:0.16. Its decimal value is 14038371.

Hex triplet	d63563	`#d63563`
RGB Decimal	214, 53, 99	`rgb(214,53,99)`
RGB Percent	83.9, 20.8, 38.8	`rgb(83.9%,20.8%,38.8%)`
CMYK	0, 75, 54, 16
HSL	342.9°, 66.3, 52.4	`hsl(342.9,66.3%,52.4%)`
HSV (or HSB)	342.9°, 75.2, 83.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	49.187, 64.146, 12.459
XYZ	31.258, 17.747, 13.583
xyY	0.499, 0.284, 17.747
CIE-LCH	49.187, 65.344, 10.991
CIE-LUV	49.187, 109.887, 2.505
Hunter-Lab	42.127, 58.724, 10.371
Binary	11010110, 00110101, 01100011

#d63563
```
#d63563 rgb(214,53,99)
```
#35d6a8
```
#35d6a8 rgb(53,214,168)
```

Complementary Color

#d635b4
```
#d635b4 rgb(214,53,180)
```
#d63563
```
#d63563 rgb(214,53,99)
```
#d65735
```
#d65735 rgb(214,87,53)
```

Analogous Color

#35b4d6
```
#35b4d6 rgb(53,180,214)
```
#d63563
```
#d63563 rgb(214,53,99)
```
#35d657
```
#35d657 rgb(53,214,87)
```

Split Complementary Color

#3563d6
```
#3563d6 rgb(53,99,214)
```
#d63563
```
#d63563 rgb(214,53,99)
```
#63d635
```
#63d635 rgb(99,214,53)
```

Triadic Color

#a835d6
```
#a835d6 rgb(168,53,214)
```
#d63563
```
#d63563 rgb(214,53,99)
```
#63d635
```
#63d635 rgb(99,214,53)
```
#35d6a8
```
#35d6a8 rgb(53,214,168)
```

Tetradic Color

#9e2044
```
#9e2044 rgb(158,32,68)
```
#b4244d
```
#b4244d rgb(180,36,77)
```
#c92956
```
#c92956 rgb(201,41,86)
```
#d63563
```
#d63563 rgb(214,53,99)
```
#da4a73
```
#da4a73 rgb(218,74,115)
```
#df5f84
```
#df5f84 rgb(223,95,132)
```
#e37594
```
#e37594 rgb(227,117,148)
```

Monochromatic Color

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

#d6358b
```
#d6358b rgb(214,53,139)
```
#d6357e
```
#d6357e rgb(214,53,126)
```
#d63570
```
#d63570 rgb(214,53,112)
```
#d63563
```
#d63563 rgb(214,53,99)
```
#d63556
```
#d63556 rgb(214,53,86)
```
#d63548
```
#d63548 rgb(214,53,72)
```
#d6353b
```
#d6353b rgb(214,53,59)
```

Similar Colors

Text with hexadecimal color #d63563

This text has a font color of #d63563.

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

#d63563 background color

This paragraph has a background color of #d63563.

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

#d63563 border color

This element has a border color of #d63563.

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

CSS codes

.text {color:#d63563;}

.background {background-color:#d63563;}

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

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

#0a0204
```
#0a0204 rgb(10,2,4)
```
#1a050b
```
#1a050b rgb(26,5,11)
```
#2b0912
```
#2b0912 rgb(43,9,18)
```
#3b0c19
```
#3b0c19 rgb(59,12,25)
```
#4b0f20
```
#4b0f20 rgb(75,15,32)
```
#5c1327
```
#5c1327 rgb(92,19,39)
```
#6c162e
```
#6c162e rgb(108,22,46)
```
#7c1935
```
#7c1935 rgb(124,25,53)
```
#8c1d3c
```
#8c1d3c rgb(140,29,60)
```
#9d2044
```
#9d2044 rgb(157,32,68)
```
#ad234b
```
#ad234b rgb(173,35,75)
```
#bd2652
```
#bd2652 rgb(189,38,82)
```
#ce2a59
```
#ce2a59 rgb(206,42,89)
```

Shade Color Variation

#d63563
```
#d63563 rgb(214,53,99)
```
#d94570
```
#d94570 rgb(217,69,112)
```
#dd567c
```
#dd567c rgb(221,86,124)
```
#e06689
```
#e06689 rgb(224,102,137)
```
#e37695
```
#e37695 rgb(227,118,149)
```
#e787a2
```
#e787a2 rgb(231,135,162)
```
#ea97af
```
#ea97af rgb(234,151,175)
```
#eda7bb
```
#eda7bb rgb(237,167,187)
```
#f0b7c8
```
#f0b7c8 rgb(240,183,200)
```
#f4c8d4
```
#f4c8d4 rgb(244,200,212)
```
#f7d8e1
```
#f7d8e1 rgb(247,216,225)
```
#fae8ee
```
#fae8ee rgb(250,232,238)
```
#fef9fa
```
#fef9fa rgb(254,249,250)
```

Tint Color Variation

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

#8b8083
```
#8b8083 rgb(139,128,131)
```
#95767f
```
#95767f rgb(149,118,127)
```
#9e6d7b
```
#9e6d7b rgb(158,109,123)
```
#a76477
```
#a76477 rgb(167,100,119)
```
#b15a73
```
#b15a73 rgb(177,90,115)
```
#ba516f
```
#ba516f rgb(186,81,111)
```
#c3486b
```
#c3486b rgb(195,72,107)
```
#cd3e67
```
#cd3e67 rgb(205,62,103)
```
#d63563
```
#d63563 rgb(214,53,99)
```
#df2c5f
```
#df2c5f rgb(223,44,95)
```
#e9225b
```
#e9225b rgb(233,34,91)
```
#f21957
```
#f21957 rgb(242,25,87)
```
#fb1053
```
#fb1053 rgb(251,16,83)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#805f69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7b85 Protanopia 1% of men
#907760 Deuteranopia 1% of men
#d6474a Tritanopia 0.001% of the population

Trichromacy

#9c6179 Protanomaly 1% of men, 0.01% of women
#aa5f61 Deuteranomaly 6% of men, 0.4% of women
#d64053 Tritanomaly 0.01% of the population

#d63563 hex color

#d63563 Color Information

#d63563 Color Conversion

Color Schemes with #d63563

Alternatives to #d63563

#d63563 Preview

Shades and Tints of #d63563

Tones of #d63563

Color Blindness Simulator