colorhexa.com

#d54157 hex color

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

- R 84
- G 25
- B 34
RGB color chart
- C 0
- M 69
- Y 59
- K 16
CMYK color chart

● #d54157 color description : Moderate red.

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

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

CIE-LAB	50.238, 58.861, 21.125
XYZ	31.052, 18.618, 10.975
xyY	0.512, 0.307, 18.618
CIE-LCH	50.238, 62.537, 19.743
CIE-LUV	50.238, 107.121, 12.952
Hunter-Lab	43.149, 52.948, 15.124
Binary	11010101, 01000001, 01010111

#d54157
```
#d54157 rgb(213,65,87)
```
#41d5bf
```
#41d5bf rgb(65,213,191)
```

Complementary Color

#d541a1
```
#d541a1 rgb(213,65,161)
```
#d54157
```
#d54157 rgb(213,65,87)
```
#d57541
```
#d57541 rgb(213,117,65)
```

Analogous Color

#41a1d5
```
#41a1d5 rgb(65,161,213)
```
#d54157
```
#d54157 rgb(213,65,87)
```
#41d575
```
#41d575 rgb(65,213,117)
```

Split Complementary Color

#4157d5
```
#4157d5 rgb(65,87,213)
```
#d54157
```
#d54157 rgb(213,65,87)
```
#57d541
```
#57d541 rgb(87,213,65)
```

Triadic Color

#bf41d5
```
#bf41d5 rgb(191,65,213)
```
#d54157
```
#d54157 rgb(213,65,87)
```
#57d541
```
#57d541 rgb(87,213,65)
```
#41d5bf
```
#41d5bf rgb(65,213,191)
```

Tetradic Color

#a52438
```
#a52438 rgb(165,36,56)
```
#ba293f
```
#ba293f rgb(186,41,63)
```
#cf2e46
```
#cf2e46 rgb(207,46,70)
```
#d54157
```
#d54157 rgb(213,65,87)
```
#da5669
```
#da5669 rgb(218,86,105)
```
#de6b7c
```
#de6b7c rgb(222,107,124)
```
#e3808e
```
#e3808e rgb(227,128,142)
```

Monochromatic Color

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

#d5417c
```
#d5417c rgb(213,65,124)
```
#d54170
```
#d54170 rgb(213,65,112)
```
#d54163
```
#d54163 rgb(213,65,99)
```
#d54157
```
#d54157 rgb(213,65,87)
```
#d5414b
```
#d5414b rgb(213,65,75)
```
#d54441
```
#d54441 rgb(213,68,65)
```
#d55041
```
#d55041 rgb(213,80,65)
```

Similar Colors

Text with hexadecimal color #d54157

This text has a font color of #d54157.

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

#d54157 background color

This paragraph has a background color of #d54157.

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

#d54157 border color

This element has a border color of #d54157.

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

CSS codes

.text {color:#d54157;}

.background {background-color:#d54157;}

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

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)
```
#631621
```
#631621 rgb(99,22,33)
```
#731927
```
#731927 rgb(115,25,39)
```
#831d2c
```
#831d2c rgb(131,29,44)
```
#932132
```
#932132 rgb(147,33,50)
```
#a32437
```
#a32437 rgb(163,36,55)
```
#b3283c
```
#b3283c rgb(179,40,60)
```
#c42b42
```
#c42b42 rgb(196,43,66)
```

Shade Color Variation

#d13149
```
#d13149 rgb(209,49,73)
```
#d54157
```
#d54157 rgb(213,65,87)
```
#d95165
```
#d95165 rgb(217,81,101)
```
#dc6173
```
#dc6173 rgb(220,97,115)
```
#e07182
```
#e07182 rgb(224,113,130)
```
#e38190
```
#e38190 rgb(227,129,144)
```
#e7919e
```
#e7919e rgb(231,145,158)
```
#eaa1ac
```
#eaa1ac rgb(234,161,172)
```
#eeb1ba
```
#eeb1ba rgb(238,177,186)
```
#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 #f91d3e is the most saturated one.

#8e8889
```
#8e8889 rgb(142,136,137)
```
#977f83
```
#977f83 rgb(151,127,131)
```
#9f777d
```
#9f777d rgb(159,119,125)
```
#a86e76
```
#a86e76 rgb(168,110,118)
```
#b16570
```
#b16570 rgb(177,101,112)
```
#ba5c6a
```
#ba5c6a rgb(186,92,106)
```
#c35364
```
#c35364 rgb(195,83,100)
```
#cc4a5d
```
#cc4a5d rgb(204,74,93)
```
#d54157
```
#d54157 rgb(213,65,87)
```
#de3851
```
#de3851 rgb(222,56,81)
```
#e72f4a
```
#e72f4a rgb(231,47,74)
```
#f02644
```
#f02644 rgb(240,38,68)
```
#f91d3e
```
#f91d3e rgb(249,29,62)
```

Tone Color Variation

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

#837e74 Protanopia 1% of men
#967956 Deuteranopia 1% of men
#d64d51 Tritanopia 0.001% of the population

Trichromacy

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