#d42257 hex color

In a RGB color space, hex #d42257 is composed of 83.1% red, 13.3% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84% magenta, 59% yellow and 16.9% black. It has a hue angle of 342.1 degrees, a saturation of 72.4% and a lightness of 48.2%. #d42257 color hex could be obtained by blending #ff44ae with #a90000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 83
- G 13
- B 34
RGB color chart
- C 0
- M 84
- Y 59
- K 17
CMYK color chart

● #d42257 color description : Strong pink.

The hexadecimal color #d42257 has RGB values of R:212, G:34, B:87 and CMYK values of C:0, M:0.84, Y:0.59, K:0.17. Its decimal value is 13902423.

Hex triplet	d42257	`#d42257`
RGB Decimal	212, 34, 87	`rgb(212,34,87)`
RGB Percent	83.1, 13.3, 34.1	`rgb(83.1%,13.3%,34.1%)`
CMYK	0, 84, 59, 17
HSL	342.1°, 72.4, 48.2	`hsl(342.1,72.4%,48.2%)`
HSV (or HSB)	342.1°, 84, 83.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.754, 67.827, 16.418
XYZ	29.445, 15.833, 10.522
xyY	0.528, 0.284, 15.833
CIE-LCH	46.754, 69.786, 13.607
CIE-LUV	46.754, 119.574, 5.488
Hunter-Lab	39.79, 62.457, 12.175
Binary	11010100, 00100010, 01010111

#d42257
```
#d42257 rgb(212,34,87)
```
#22d49f
```
#22d49f rgb(34,212,159)
```

Complementary Color

#d422b0
```
#d422b0 rgb(212,34,176)
```
#d42257
```
#d42257 rgb(212,34,87)
```
#d44622
```
#d44622 rgb(212,70,34)
```

Analogous Color

#22b0d4
```
#22b0d4 rgb(34,176,212)
```
#d42257
```
#d42257 rgb(212,34,87)
```
#22d446
```
#22d446 rgb(34,212,70)
```

Split Complementary Color

#2257d4
```
#2257d4 rgb(34,87,212)
```
#d42257
```
#d42257 rgb(212,34,87)
```
#57d422
```
#57d422 rgb(87,212,34)
```

Triadic Color

#9f22d4
```
#9f22d4 rgb(159,34,212)
```
#d42257
```
#d42257 rgb(212,34,87)
```
#57d422
```
#57d422 rgb(87,212,34)
```
#22d49f
```
#22d49f rgb(34,212,159)
```

Tetradic Color

#92173c
```
#92173c rgb(146,23,60)
```
#a81b45
```
#a81b45 rgb(168,27,69)
```
#be1e4e
```
#be1e4e rgb(190,30,78)
```
#d42257
```
#d42257 rgb(212,34,87)
```
#de3165
```
#de3165 rgb(222,49,101)
```
#e24775
```
#e24775 rgb(226,71,117)
```
#e55d86
```
#e55d86 rgb(229,93,134)
```

Monochromatic Color

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

#d42284
```
#d42284 rgb(212,34,132)
```
#d42275
```
#d42275 rgb(212,34,117)
```
#d42266
```
#d42266 rgb(212,34,102)
```
#d42257
```
#d42257 rgb(212,34,87)
```
#d42248
```
#d42248 rgb(212,34,72)
```
#d42239
```
#d42239 rgb(212,34,57)
```
#d4222b
```
#d4222b rgb(212,34,43)
```

Similar Colors

Text with hexadecimal color #d42257

This text has a font color of #d42257.

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

#d42257 background color

This paragraph has a background color of #d42257.

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

#d42257 border color

This element has a border color of #d42257.

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

CSS codes

.text {color:#d42257;}

.background {background-color:#d42257;}

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

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

#090104
```
#090104 rgb(9,1,4)
```
#1a040b
```
#1a040b rgb(26,4,11)
```
#2b0712
```
#2b0712 rgb(43,7,18)
```
#3c0a19
```
#3c0a19 rgb(60,10,25)
```
#4d0c20
```
#4d0c20 rgb(77,12,32)
```
#5e0f26
```
#5e0f26 rgb(94,15,38)
```
#6f122d
```
#6f122d rgb(111,18,45)
```
#7f1434
```
#7f1434 rgb(127,20,52)
```
#90173b
```
#90173b rgb(144,23,59)
```
#a11a42
```
#a11a42 rgb(161,26,66)
```
#b21d49
```
#b21d49 rgb(178,29,73)
```
#c31f50
```
#c31f50 rgb(195,31,80)
```
#d42257
```
#d42257 rgb(212,34,87)
```

Shade Color Variation

#dd2c61
```
#dd2c61 rgb(221,44,97)
```
#e03d6e
```
#e03d6e rgb(224,61,110)
```
#e34e7a
```
#e34e7a rgb(227,78,122)
```
#e55f87
```
#e55f87 rgb(229,95,135)
```
#e87094
```
#e87094 rgb(232,112,148)
```
#eb81a0
```
#eb81a0 rgb(235,129,160)
```
#ed92ad
```
#ed92ad rgb(237,146,173)
```
#f0a3ba
```
#f0a3ba rgb(240,163,186)
```
#f3b4c6
```
#f3b4c6 rgb(243,180,198)
```
#f6c5d3
```
#f6c5d3 rgb(246,197,211)
```
#f8d5e0
```
#f8d5e0 rgb(248,213,224)
```
#fbe6ed
```
#fbe6ed rgb(251,230,237)
```
#fef7f9
```
#fef7f9 rgb(254,247,249)
```

Tint Color Variation

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

#7f7779
```
#7f7779 rgb(127,119,121)
```
#886e76
```
#886e76 rgb(136,110,118)
```
#926472
```
#926472 rgb(146,100,114)
```
#9b5b6e
```
#9b5b6e rgb(155,91,110)
```
#a5516a
```
#a5516a rgb(165,81,106)
```
#ae4866
```
#ae4866 rgb(174,72,102)
```
#b83e62
```
#b83e62 rgb(184,62,98)
```
#c1355f
```
#c1355f rgb(193,53,95)
```
#cb2b5b
```
#cb2b5b rgb(203,43,91)
```
#d42257
```
#d42257 rgb(212,34,87)
```
#dd1953
```
#dd1953 rgb(221,25,83)
```
#e70f4f
```
#e70f4f rgb(231,15,79)
```
#f0064c
```
#f0064c rgb(240,6,76)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#75515c Atypical Achromatopsia 0.001% of the population

Dichromacy

#76757c Protanopia 1% of men
#8c7154 Deuteranopia 1% of men
#d43839 Tritanopia 0.001% of the population

Trichromacy

#98576e Protanomaly 1% of men, 0.01% of women
#a65455 Deuteranomaly 6% of men, 0.4% of women
#d43044 Tritanomaly 0.01% of the population

#d42257 hex color

#d42257 Color Information

#d42257 Color Conversion

Color Schemes with #d42257

Alternatives to #d42257

#d42257 Preview

Shades and Tints of #d42257

Tones of #d42257

Color Blindness Simulator