#d54684 hex color

In a RGB color space, hex #d54684 is composed of 83.5% red, 27.5% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.1% magenta, 38% yellow and 16.5% black. It has a hue angle of 334 degrees, a saturation of 63% and a lightness of 55.5%. #d54684 color hex could be obtained by blending #ff8cff with #ab0009. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 84
- G 27
- B 52
RGB color chart
- C 0
- M 67
- Y 38
- K 16
CMYK color chart

● #d54684 color description : Moderate pink.

The hexadecimal color #d54684 has RGB values of R:213, G:70, B:132 and CMYK values of C:0, M:0.67, Y:0.38, K:0.16. Its decimal value is 13977220.

Hex triplet	d54684	`#d54684`
RGB Decimal	213, 70, 132	`rgb(213,70,132)`
RGB Percent	83.5, 27.5, 51.8	`rgb(83.5%,27.5%,51.8%)`
CMYK	0, 67, 38, 16
HSL	334°, 63, 55.5	`hsl(334,63%,55.5%)`
HSV (or HSB)	334°, 67.1, 83.5
Web Safe	cc3399	`#cc3399`

CIE-LAB	52.058, 60.874, -3.383
XYZ	33.796, 20.196, 23.947
xyY	0.434, 0.259, 20.196
CIE-LCH	52.058, 60.968, 356.819
CIE-LUV	52.058, 90.03, -15.882
Hunter-Lab	44.939, 55.595, -0.136
Binary	11010101, 01000110, 10000100

#d54684
```
#d54684 rgb(213,70,132)
```
#46d597
```
#46d597 rgb(70,213,151)
```

Complementary Color

#d546cc
```
#d546cc rgb(213,70,204)
```
#d54684
```
#d54684 rgb(213,70,132)
```
#d55046
```
#d55046 rgb(213,80,70)
```

Analogous Color

#46ccd5
```
#46ccd5 rgb(70,204,213)
```
#d54684
```
#d54684 rgb(213,70,132)
```
#46d550
```
#46d550 rgb(70,213,80)
```

Split Complementary Color

#4684d5
```
#4684d5 rgb(70,132,213)
```
#d54684
```
#d54684 rgb(213,70,132)
```
#84d546
```
#84d546 rgb(132,213,70)
```

Triadic Color

#9746d5
```
#9746d5 rgb(151,70,213)
```
#d54684
```
#d54684 rgb(213,70,132)
```
#84d546
```
#84d546 rgb(132,213,70)
```
#46d597
```
#46d597 rgb(70,213,151)
```

Tetradic Color

#a8265f
```
#a8265f rgb(168,38,95)
```
#bd2b6a
```
#bd2b6a rgb(189,43,106)
```
#d03176
```
#d03176 rgb(208,49,118)
```
#d54684
```
#d54684 rgb(213,70,132)
```
#da5b92
```
#da5b92 rgb(218,91,146)
```
#de70a0
```
#de70a0 rgb(222,112,160)
```
#e384ad
```
#e384ad rgb(227,132,173)
```

Monochromatic Color

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

#d546a8
```
#d546a8 rgb(213,70,168)
```
#d5469c
```
#d5469c rgb(213,70,156)
```
#d54690
```
#d54690 rgb(213,70,144)
```
#d54684
```
#d54684 rgb(213,70,132)
```
#d54678
```
#d54678 rgb(213,70,120)
```
#d5466c
```
#d5466c rgb(213,70,108)
```
#d54660
```
#d54660 rgb(213,70,96)
```

Similar Colors

Text with hexadecimal color #d54684

This text has a font color of #d54684.

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

#d54684 background color

This paragraph has a background color of #d54684.

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

#d54684 border color

This element has a border color of #d54684.

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

CSS codes

.text {color:#d54684;}

.background {background-color:#d54684;}

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

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

#070204
```
#070204 rgb(7,2,4)
```
#17050d
```
#17050d rgb(23,5,13)
```
#270916
```
#270916 rgb(39,9,22)
```
#370c1f
```
#370c1f rgb(55,12,31)
```
#471028
```
#471028 rgb(71,16,40)
```
#571431
```
#571431 rgb(87,20,49)
```
#67173a
```
#67173a rgb(103,23,58)
```
#771b43
```
#771b43 rgb(119,27,67)
```
#871f4c
```
#871f4c rgb(135,31,76)
```
#972255
```
#972255 rgb(151,34,85)
```
#a7265e
```
#a7265e rgb(167,38,94)
```
#b72967
```
#b72967 rgb(183,41,103)
```
#c72d70
```
#c72d70 rgb(199,45,112)
```

Shade Color Variation

#d13679
```
#d13679 rgb(209,54,121)
```
#d54684
```
#d54684 rgb(213,70,132)
```
#d9568f
```
#d9568f rgb(217,86,143)
```
#dc6699
```
#dc6699 rgb(220,102,153)
```
#e076a4
```
#e076a4 rgb(224,118,164)
```
#e486af
```
#e486af rgb(228,134,175)
```
#e796b9
```
#e796b9 rgb(231,150,185)
```
#eba6c4
```
#eba6c4 rgb(235,166,196)
```
#eeb6ce
```
#eeb6ce rgb(238,182,206)
```
#f2c6d9
```
#f2c6d9 rgb(242,198,217)
```
#f6d6e4
```
#f6d6e4 rgb(246,214,228)
```
#f9e6ee
```
#f9e6ee rgb(249,230,238)
```
#fdf6f9
```
#fdf6f9 rgb(253,246,249)
```

Tint Color Variation

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

#8f8c8d
```
#8f8c8d rgb(143,140,141)
```
#98838c
```
#98838c rgb(152,131,140)
```
#a17a8b
```
#a17a8b rgb(161,122,139)
```
#a9728a
```
#a9728a rgb(169,114,138)
```
#b26989
```
#b26989 rgb(178,105,137)
```
#bb6087
```
#bb6087 rgb(187,96,135)
```
#c45786
```
#c45786 rgb(196,87,134)
```
#cc4f85
```
#cc4f85 rgb(204,79,133)
```
#d54684
```
#d54684 rgb(213,70,132)
```
#de3d83
```
#de3d83 rgb(222,61,131)
```
#e63582
```
#e63582 rgb(230,53,130)
```
#ef2c81
```
#ef2c81 rgb(239,44,129)
```
#f8237f
```
#f8237f rgb(248,35,127)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#8b6e7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7881a5 Protanopia 1% of men
#907e80 Deuteranopia 1% of men
#d35a5f Tritanopia 0.001% of the population

Trichromacy

#9a6b99 Protanomaly 1% of men, 0.01% of women
#a96a81 Deuteranomaly 6% of men, 0.4% of women
#d4526c Tritanomaly 0.01% of the population

#d54684 hex color

#d54684 Color Information

#d54684 Color Conversion

Color Schemes with #d54684

Alternatives to #d54684

#d54684 Preview

Shades and Tints of #d54684

Tones of #d54684

Color Blindness Simulator