#d22d57 hex color

In a RGB color space, hex #d22d57 is composed of 82.4% red, 17.6% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.6% magenta, 58.6% yellow and 17.6% black. It has a hue angle of 344.7 degrees, a saturation of 64.7% and a lightness of 50%. #d22d57 color hex could be obtained by blending #ff5aae with #a50000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 82
- G 18
- B 34
RGB color chart
- C 0
- M 79
- Y 59
- K 18
CMYK color chart

● #d22d57 color description : Strong pink.

The hexadecimal color #d22d57 has RGB values of R:210, G:45, B:87 and CMYK values of C:0, M:0.79, Y:0.59, K:0.18. Its decimal value is 13774167.

Hex triplet	d22d57	`#d22d57`
RGB Decimal	210, 45, 87	`rgb(210,45,87)`
RGB Percent	82.4, 17.6, 34.1	`rgb(82.4%,17.6%,34.1%)`
CMYK	0, 79, 59, 18
HSL	344.7°, 64.7, 50	`hsl(344.7,64.7%,50%)`
HSV (or HSB)	344.7°, 78.6, 82.4
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.327, 64.567, 17.129
XYZ	29.238, 16.27, 10.617
xyY	0.521, 0.29, 16.27
CIE-LCH	47.327, 66.8, 14.858
CIE-LUV	47.327, 114.09, 7.101
Hunter-Lab	40.336, 58.801, 12.629
Binary	11010010, 00101101, 01010111

#d22d57
```
#d22d57 rgb(210,45,87)
```
#2dd2a8
```
#2dd2a8 rgb(45,210,168)
```

Complementary Color

#d22daa
```
#d22daa rgb(210,45,170)
```
#d22d57
```
#d22d57 rgb(210,45,87)
```
#d2552d
```
#d2552d rgb(210,85,45)
```

Analogous Color

#2daad2
```
#2daad2 rgb(45,170,210)
```
#d22d57
```
#d22d57 rgb(210,45,87)
```
#2dd256
```
#2dd256 rgb(45,210,86)
```

Split Complementary Color

#2d57d2
```
#2d57d2 rgb(45,87,210)
```
#d22d57
```
#d22d57 rgb(210,45,87)
```
#57d22d
```
#57d22d rgb(87,210,45)
```

Triadic Color

#a82dd2
```
#a82dd2 rgb(168,45,210)
```
#d22d57
```
#d22d57 rgb(210,45,87)
```
#57d22d
```
#57d22d rgb(87,210,45)
```
#2dd2a8
```
#2dd2a8 rgb(45,210,168)
```

Tetradic Color

#93203d
```
#93203d rgb(147,32,61)
```
#a82446
```
#a82446 rgb(168,36,70)
```
#bd294e
```
#bd294e rgb(189,41,78)
```
#d22d57
```
#d22d57 rgb(210,45,87)
```
#d74268
```
#d74268 rgb(215,66,104)
```
#db5779
```
#db5779 rgb(219,87,121)
```
#e06c89
```
#e06c89 rgb(224,108,137)
```

Monochromatic Color

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

#d22d80
```
#d22d80 rgb(210,45,128)
```
#d22d73
```
#d22d73 rgb(210,45,115)
```
#d22d65
```
#d22d65 rgb(210,45,101)
```
#d22d57
```
#d22d57 rgb(210,45,87)
```
#d22d49
```
#d22d49 rgb(210,45,73)
```
#d22d3c
```
#d22d3c rgb(210,45,60)
```
#d22d2e
```
#d22d2e rgb(210,45,46)
```

Similar Colors

Text with hexadecimal color #d22d57

This text has a font color of #d22d57.

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

#d22d57 background color

This paragraph has a background color of #d22d57.

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

#d22d57 border color

This element has a border color of #d22d57.

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

CSS codes

.text {color:#d22d57;}

.background {background-color:#d22d57;}

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

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

#100307
```
#100307 rgb(16,3,7)
```
#20070d
```
#20070d rgb(32,7,13)
```
#300a14
```
#300a14 rgb(48,10,20)
```
#410e1b
```
#410e1b rgb(65,14,27)
```
#511121
```
#511121 rgb(81,17,33)
```
#611528
```
#611528 rgb(97,21,40)
```
#71182f
```
#71182f rgb(113,24,47)
```
#811c36
```
#811c36 rgb(129,28,54)
```
#911f3c
```
#911f3c rgb(145,31,60)
```
#a22343
```
#a22343 rgb(162,35,67)
```
#b2264a
```
#b2264a rgb(178,38,74)
```
#c22a50
```
#c22a50 rgb(194,42,80)
```
#d22d57
```
#d22d57 rgb(210,45,87)
```

Shade Color Variation

#d53d64
```
#d53d64 rgb(213,61,100)
```
#d94d71
```
#d94d71 rgb(217,77,113)
```
#dc5d7e
```
#dc5d7e rgb(220,93,126)
```
#e06e8b
```
#e06e8b rgb(224,110,139)
```
#e37e98
```
#e37e98 rgb(227,126,152)
```
#e78ea5
```
#e78ea5 rgb(231,142,165)
```
#ea9eb1
```
#ea9eb1 rgb(234,158,177)
```
#eeaebe
```
#eeaebe rgb(238,174,190)
```
#f1becb
```
#f1becb rgb(241,190,203)
```
#f5cfd8
```
#f5cfd8 rgb(245,207,216)
```
#f8dfe5
```
#f8dfe5 rgb(248,223,229)
```
#fceff2
```
#fceff2 rgb(252,239,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#847b7e
```
#847b7e rgb(132,123,126)
```
#8d7279
```
#8d7279 rgb(141,114,121)
```
#976874
```
#976874 rgb(151,104,116)
```
#a15e6f
```
#a15e6f rgb(161,94,111)
```
#ab546a
```
#ab546a rgb(171,84,106)
```
#b54a65
```
#b54a65 rgb(181,74,101)
```
#be4161
```
#be4161 rgb(190,65,97)
```
#c8375c
```
#c8375c rgb(200,55,92)
```
#d22d57
```
#d22d57 rgb(210,45,87)
```
#dc2352
```
#dc2352 rgb(220,35,82)
```
#e6194d
```
#e6194d rgb(230,25,77)
```
#ef1049
```
#ef1049 rgb(239,16,73)
```
#f90644
```
#f90644 rgb(249,6,68)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#795861 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797779 Protanopia 1% of men
#8d7255 Deuteranopia 1% of men
#d23f41 Tritanopia 0.001% of the population

Trichromacy

#995c6d Protanomaly 1% of men, 0.01% of women
#a65955 Deuteranomaly 6% of men, 0.4% of women
#d23849 Tritanomaly 0.01% of the population

#d22d57 hex color

#d22d57 Color Information

#d22d57 Color Conversion

Color Schemes with #d22d57

Alternatives to #d22d57

#d22d57 Preview

Shades and Tints of #d22d57

Tones of #d22d57

Color Blindness Simulator