#d54158 hex color

In a RGB color space, hex #d54158 is composed of 83.5% red, 25.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.5% magenta, 58.7% yellow and 16.5% black. It has a hue angle of 350.7 degrees, a saturation of 63.8% and a lightness of 54.5%. #d54158 color hex could be obtained by blending #ff82b0 with #ab0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 84
- G 25
- B 35
RGB color chart
- C 0
- M 69
- Y 59
- K 16
CMYK color chart

● #d54158 color description : Moderate red.

The hexadecimal color #d54158 has RGB values of R:213, G:65, B:88 and CMYK values of C:0, M:0.69, Y:0.59, K:0.16. Its decimal value is 13975896.

Hex triplet	d54158	`#d54158`
RGB Decimal	213, 65, 88	`rgb(213,65,88)`
RGB Percent	83.5, 25.5, 34.5	`rgb(83.5%,25.5%,34.5%)`
CMYK	0, 69, 59, 16
HSL	350.7°, 63.8, 54.5	`hsl(350.7,63.8%,54.5%)`
HSV (or HSB)	350.7°, 69.5, 83.5
Web Safe	cc3366	`#cc3366`

CIE-LAB	50.257, 58.929, 20.551
XYZ	31.093, 18.635, 11.192
xyY	0.51, 0.306, 18.635
CIE-LCH	50.257, 62.409, 19.225
CIE-LUV	50.257, 106.831, 12.369
Hunter-Lab	43.168, 53.028, 14.846
Binary	11010101, 01000001, 01011000

#d54158
```
#d54158 rgb(213,65,88)
```
#41d5be
```
#41d5be rgb(65,213,190)
```

Complementary Color

#d541a2
```
#d541a2 rgb(213,65,162)
```
#d54158
```
#d54158 rgb(213,65,88)
```
#d57441
```
#d57441 rgb(213,116,65)
```

Analogous Color

#41a2d5
```
#41a2d5 rgb(65,162,213)
```
#d54158
```
#d54158 rgb(213,65,88)
```
#41d574
```
#41d574 rgb(65,213,116)
```

Split Complementary Color

#4158d5
```
#4158d5 rgb(65,88,213)
```
#d54158
```
#d54158 rgb(213,65,88)
```
#58d541
```
#58d541 rgb(88,213,65)
```

Triadic Color

#be41d5
```
#be41d5 rgb(190,65,213)
```
#d54158
```
#d54158 rgb(213,65,88)
```
#58d541
```
#58d541 rgb(88,213,65)
```
#41d5be
```
#41d5be rgb(65,213,190)
```

Tetradic Color

#a52438
```
#a52438 rgb(165,36,56)
```
#ba2940
```
#ba2940 rgb(186,41,64)
```
#cf2e47
```
#cf2e47 rgb(207,46,71)
```
#d54158
```
#d54158 rgb(213,65,88)
```
#da566a
```
#da566a rgb(218,86,106)
```
#de6b7d
```
#de6b7d rgb(222,107,125)
```
#e3808f
```
#e3808f rgb(227,128,143)
```

Monochromatic Color

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

#d5417d
```
#d5417d rgb(213,65,125)
```
#d54171
```
#d54171 rgb(213,65,113)
```
#d54164
```
#d54164 rgb(213,65,100)
```
#d54158
```
#d54158 rgb(213,65,88)
```
#d5414c
```
#d5414c rgb(213,65,76)
```
#d54341
```
#d54341 rgb(213,67,65)
```
#d54f41
```
#d54f41 rgb(213,79,65)
```

Similar Colors

Text with hexadecimal color #d54158

This text has a font color of #d54158.

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

#d54158 background color

This paragraph has a background color of #d54158.

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

#d54158 border color

This element has a border color of #d54158.

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

CSS codes

.text {color:#d54158;}

.background {background-color:#d54158;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#130406
```
#130406 rgb(19,4,6)
```
#23080c
```
#23080c rgb(35,8,12)
```
#330b11
```
#330b11 rgb(51,11,17)
```
#430f17
```
#430f17 rgb(67,15,23)
```
#53121c
```
#53121c rgb(83,18,28)
```
#631622
```
#631622 rgb(99,22,34)
```
#731927
```
#731927 rgb(115,25,39)
```
#831d2d
```
#831d2d rgb(131,29,45)
```
#932132
```
#932132 rgb(147,33,50)
```
#a32438
```
#a32438 rgb(163,36,56)
```
#b3283d
```
#b3283d rgb(179,40,61)
```
#c42b43
```
#c42b43 rgb(196,43,67)
```

Shade Color Variation

#d1314a
```
#d1314a rgb(209,49,74)
```
#d54158
```
#d54158 rgb(213,65,88)
```
#d95166
```
#d95166 rgb(217,81,102)
```
#dc6174
```
#dc6174 rgb(220,97,116)
```
#e07182
```
#e07182 rgb(224,113,130)
```
#e38190
```
#e38190 rgb(227,129,144)
```
#e7919f
```
#e7919f rgb(231,145,159)
```
#eaa1ad
```
#eaa1ad rgb(234,161,173)
```
#eeb1bb
```
#eeb1bb rgb(238,177,187)
```
#f1c2c9
```
#f1c2c9 rgb(241,194,201)
```
#f5d2d7
```
#f5d2d7 rgb(245,210,215)
```
#f9e2e5
```
#f9e2e5 rgb(249,226,229)
```
#fcf2f3
```
#fcf2f3 rgb(252,242,243)
```

Tint Color Variation

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

#8e8889
```
#8e8889 rgb(142,136,137)
```
#977f83
```
#977f83 rgb(151,127,131)
```
#9f777d
```
#9f777d rgb(159,119,125)
```
#a86e77
```
#a86e77 rgb(168,110,119)
```
#b16571
```
#b16571 rgb(177,101,113)
```
#ba5c6a
```
#ba5c6a rgb(186,92,106)
```
#c35364
```
#c35364 rgb(195,83,100)
```
#cc4a5e
```
#cc4a5e rgb(204,74,94)
```
#d54158
```
#d54158 rgb(213,65,88)
```
#de3852
```
#de3852 rgb(222,56,82)
```
#e72f4c
```
#e72f4c rgb(231,47,76)
```
#f02646
```
#f02646 rgb(240,38,70)
```
#f91d3f
```
#f91d3f rgb(249,29,63)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#84676b Atypical Achromatopsia 0.001% of the population

Dichromacy

#827e75 Protanopia 1% of men
#967957 Deuteranopia 1% of men
#d64d51 Tritanopia 0.001% of the population

Trichromacy

#a0676a Protanomaly 1% of men, 0.01% of women
#ad6457 Deuteranomaly 6% of men, 0.4% of women
#d54953 Tritanomaly 0.01% of the population

#d54158 hex color

#d54158 Color Information

#d54158 Color Conversion

Color Schemes with #d54158

Alternatives to #d54158

#d54158 Preview

Shades and Tints of #d54158

Tones of #d54158

Color Blindness Simulator