#d54286 hex color

In a RGB color space, hex #d54286 is composed of 83.5% red, 25.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69% magenta, 37.1% yellow and 16.5% black. It has a hue angle of 332.2 degrees, a saturation of 63.6% and a lightness of 54.7%. #d54286 color hex could be obtained by blending #ff84ff with #ab000d. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 84
- G 26
- B 53
RGB color chart
- C 0
- M 69
- Y 37
- K 16
CMYK color chart

● #d54286 color description : Moderate pink.

The hexadecimal color #d54286 has RGB values of R:213, G:66, B:134 and CMYK values of C:0, M:0.69, Y:0.37, K:0.16. Its decimal value is 13976198.

Hex triplet	d54286	`#d54286`
RGB Decimal	213, 66, 134	`rgb(213,66,134)`
RGB Percent	83.5, 25.9, 52.5	`rgb(83.5%,25.9%,52.5%)`
CMYK	0, 69, 37, 16
HSL	332.2°, 63.6, 54.7	`hsl(332.2,63.6%,54.7%)`
HSV (or HSB)	332.2°, 69, 83.5
Web Safe	cc3399	`#cc3399`

CIE-LAB	51.573, 62.601, -5.297
XYZ	33.692, 19.767, 24.594
xyY	0.432, 0.253, 19.767
CIE-LCH	51.573, 62.825, 355.163
CIE-LUV	51.573, 91.024, -18.746
Hunter-Lab	44.46, 57.465, -1.676
Binary	11010101, 01000010, 10000110

#d54286
```
#d54286 rgb(213,66,134)
```
#42d591
```
#42d591 rgb(66,213,145)
```

Complementary Color

#d542d0
```
#d542d0 rgb(213,66,208)
```
#d54286
```
#d54286 rgb(213,66,134)
```
#d54842
```
#d54842 rgb(213,72,66)
```

Analogous Color

#42d0d5
```
#42d0d5 rgb(66,208,213)
```
#d54286
```
#d54286 rgb(213,66,134)
```
#42d548
```
#42d548 rgb(66,213,72)
```

Split Complementary Color

#4286d5
```
#4286d5 rgb(66,134,213)
```
#d54286
```
#d54286 rgb(213,66,134)
```
#86d542
```
#86d542 rgb(134,213,66)
```

Triadic Color

#9142d5
```
#9142d5 rgb(145,66,213)
```
#d54286
```
#d54286 rgb(213,66,134)
```
#86d542
```
#86d542 rgb(134,213,66)
```
#42d591
```
#42d591 rgb(66,213,145)
```

Tetradic Color

#a62560
```
#a62560 rgb(166,37,96)
```
#bb296d
```
#bb296d rgb(187,41,109)
```
#cf2e79
```
#cf2e79 rgb(207,46,121)
```
#d54286
```
#d54286 rgb(213,66,134)
```
#da5793
```
#da5793 rgb(218,87,147)
```
#de6ca1
```
#de6ca1 rgb(222,108,161)
```
#e381ae
```
#e381ae rgb(227,129,174)
```

Monochromatic Color

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

#d542ab
```
#d542ab rgb(213,66,171)
```
#d5429f
```
#d5429f rgb(213,66,159)
```
#d54292
```
#d54292 rgb(213,66,146)
```
#d54286
```
#d54286 rgb(213,66,134)
```
#d5427a
```
#d5427a rgb(213,66,122)
```
#d5426e
```
#d5426e rgb(213,66,110)
```
#d54261
```
#d54261 rgb(213,66,97)
```

Similar Colors

Text with hexadecimal color #d54286

This text has a font color of #d54286.

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

#d54286 background color

This paragraph has a background color of #d54286.

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

#d54286 border color

This element has a border color of #d54286.

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

CSS codes

.text {color:#d54286;}

.background {background-color:#d54286;}

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

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

#040102
```
#040102 rgb(4,1,2)
```
#14040b
```
#14040b rgb(20,4,11)
```
#240815
```
#240815 rgb(36,8,21)
```
#340b1e
```
#340b1e rgb(52,11,30)
```
#440f27
```
#440f27 rgb(68,15,39)
```
#541331
```
#541331 rgb(84,19,49)
```
#64163a
```
#64163a rgb(100,22,58)
```
#741a43
```
#741a43 rgb(116,26,67)
```
#841d4d
```
#841d4d rgb(132,29,77)
```
#942156
```
#942156 rgb(148,33,86)
```
#a4245f
```
#a4245f rgb(164,36,95)
```
#b42869
```
#b42869 rgb(180,40,105)
```
#c42c72
```
#c42c72 rgb(196,44,114)
```

Shade Color Variation

#d1327c
```
#d1327c rgb(209,50,124)
```
#d54286
```
#d54286 rgb(213,66,134)
```
#d95290
```
#d95290 rgb(217,82,144)
```
#dc629b
```
#dc629b rgb(220,98,155)
```
#e072a5
```
#e072a5 rgb(224,114,165)
```
#e382af
```
#e382af rgb(227,130,175)
```
#e792b9
```
#e792b9 rgb(231,146,185)
```
#eaa2c4
```
#eaa2c4 rgb(234,162,196)
```
#eeb2ce
```
#eeb2ce rgb(238,178,206)
```
#f2c2d8
```
#f2c2d8 rgb(242,194,216)
```
#f5d2e2
```
#f5d2e2 rgb(245,210,226)
```
#f9e2ed
```
#f9e2ed rgb(249,226,237)
```
#fcf3f7
```
#fcf3f7 rgb(252,243,247)
```

Tint Color Variation

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

#8e898b
```
#8e898b rgb(142,137,139)
```
#97808b
```
#97808b rgb(151,128,139)
```
#a0778a
```
#a0778a rgb(160,119,138)
```
#a96e89
```
#a96e89 rgb(169,110,137)
```
#b16689
```
#b16689 rgb(177,102,137)
```
#ba5d88
```
#ba5d88 rgb(186,93,136)
```
#c35487
```
#c35487 rgb(195,84,135)
```
#cc4b87
```
#cc4b87 rgb(204,75,135)
```
#d54286
```
#d54286 rgb(213,66,134)
```
#de3985
```
#de3985 rgb(222,57,133)
```
#e73085
```
#e73085 rgb(231,48,133)
```
#f02784
```
#f02784 rgb(240,39,132)
```
#f91e83
```
#f91e83 rgb(249,30,131)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#896c79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7580a9 Protanopia 1% of men
#8d7d81 Deuteranopia 1% of men
#d3575c Tritanopia 0.001% of the population

Trichromacy

#98699c Protanomaly 1% of men, 0.01% of women
#a76883 Deuteranomaly 6% of men, 0.4% of women
#d44f6b Tritanomaly 0.01% of the population

#d54286 hex color

#d54286 Color Information

#d54286 Color Conversion

Color Schemes with #d54286

Alternatives to #d54286

#d54286 Preview

Shades and Tints of #d54286

Tones of #d54286

Color Blindness Simulator