colorhexa.com

#d22364 hex color

In a RGB color space, hex #d22364 is composed of 82.4% red, 13.7% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.3% magenta, 52.4% yellow and 17.6% black. It has a hue angle of 337.7 degrees, a saturation of 71.4% and a lightness of 48%. #d22364 color hex could be obtained by blending #ff46c8 with #a50000. Closest websafe color is: #cc3366.

- R 82
- G 14
- B 39
RGB color chart
- C 0
- M 83
- Y 52
- K 18
CMYK color chart

● #d22364 color description : Strong pink.

The hexadecimal color #d22364 has RGB values of R:210, G:35, B:100 and CMYK values of C:0, M:0.83, Y:0.52, K:0.18. Its decimal value is 13771620.

Hex triplet	d22364	`#d22364`
RGB Decimal	210, 35, 100	`rgb(210,35,100)`
RGB Percent	82.4, 13.7, 39.2	`rgb(82.4%,13.7%,39.2%)`
CMYK	0, 83, 52, 18
HSL	337.7°, 71.4, 48	`hsl(337.7,71.4%,48%)`
HSV (or HSB)	337.7°, 83.3, 82.4
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.747, 67.996, 8.312
XYZ	29.481, 15.827, 13.559
xyY	0.501, 0.269, 15.827
CIE-LCH	46.747, 68.502, 6.969
CIE-LUV	46.747, 112.772, -3.159
Hunter-Lab	39.783, 62.653, 7.642
Binary	11010010, 00100011, 01100100

#d22364
```
#d22364 rgb(210,35,100)
```
#23d291
```
#23d291 rgb(35,210,145)
```

Complementary Color

#d223bc
```
#d223bc rgb(210,35,188)
```
#d22364
```
#d22364 rgb(210,35,100)
```
#d23a23
```
#d23a23 rgb(210,58,35)
```

Analogous Color

#23bcd2
```
#23bcd2 rgb(35,188,210)
```
#d22364
```
#d22364 rgb(210,35,100)
```
#23d23a
```
#23d23a rgb(35,210,58)
```

Split Complementary Color

#2364d2
```
#2364d2 rgb(35,100,210)
```
#d22364
```
#d22364 rgb(210,35,100)
```
#64d223
```
#64d223 rgb(100,210,35)
```

Triadic Color

#9123d2
```
#9123d2 rgb(145,35,210)
```
#d22364
```
#d22364 rgb(210,35,100)
```
#64d223
```
#64d223 rgb(100,210,35)
```
#23d291
```
#23d291 rgb(35,210,145)
```

Tetradic Color

#901845
```
#901845 rgb(144,24,69)
```
#a61c4f
```
#a61c4f rgb(166,28,79)
```
#bc1f5a
```
#bc1f5a rgb(188,31,90)
```
#d22364
```
#d22364 rgb(210,35,100)
```
#dd3271
```
#dd3271 rgb(221,50,113)
```
#e04880
```
#e04880 rgb(224,72,128)
```
#e45d8f
```
#e45d8f rgb(228,93,143)
```

Monochromatic Color

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

#d22390
```
#d22390 rgb(210,35,144)
```
#d22381
```
#d22381 rgb(210,35,129)
```
#d22373
```
#d22373 rgb(210,35,115)
```
#d22364
```
#d22364 rgb(210,35,100)
```
#d22355
```
#d22355 rgb(210,35,85)
```
#d22347
```
#d22347 rgb(210,35,71)
```
#d22338
```
#d22338 rgb(210,35,56)
```

Similar Colors

Text with hexadecimal color #d22364

This text has a font color of #d22364.

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

#d22364 background color

This paragraph has a background color of #d22364.

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

#d22364 border color

This element has a border color of #d22364.

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

CSS codes

.text {color:#d22364;}

.background {background-color:#d22364;}

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

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

#080104
```
#080104 rgb(8,1,4)
```
#19040c
```
#19040c rgb(25,4,12)
```
#2a0714
```
#2a0714 rgb(42,7,20)
```
#3b0a1c
```
#3b0a1c rgb(59,10,28)
```
#4b0d24
```
#4b0d24 rgb(75,13,36)
```
#5c0f2c
```
#5c0f2c rgb(92,15,44)
```
#6d1234
```
#6d1234 rgb(109,18,52)
```
#7e153c
```
#7e153c rgb(126,21,60)
```
#8f1844
```
#8f1844 rgb(143,24,68)
```
#a01b4c
```
#a01b4c rgb(160,27,76)
```
#b01d54
```
#b01d54 rgb(176,29,84)
```
#c1205c
```
#c1205c rgb(193,32,92)
```
#d22364
```
#d22364 rgb(210,35,100)
```

Shade Color Variation

#dc2d6e
```
#dc2d6e rgb(220,45,110)
```
#df3d79
```
#df3d79 rgb(223,61,121)
```
#e24e85
```
#e24e85 rgb(226,78,133)
```
#e45f91
```
#e45f91 rgb(228,95,145)
```
#e7709c
```
#e7709c rgb(231,112,156)
```
#ea81a8
```
#ea81a8 rgb(234,129,168)
```
#ed92b3
```
#ed92b3 rgb(237,146,179)
```
#f0a2bf
```
#f0a2bf rgb(240,162,191)
```
#f2b3cb
```
#f2b3cb rgb(242,179,203)
```
#f5c4d6
```
#f5c4d6 rgb(245,196,214)
```
#f8d5e2
```
#f8d5e2 rgb(248,213,226)
```
#fbe6ed
```
#fbe6ed rgb(251,230,237)
```
#fef6f9
```
#fef6f9 rgb(254,246,249)
```

Tint Color Variation

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

#7d787a
```
#7d787a rgb(125,120,122)
```
#876e77
```
#876e77 rgb(135,110,119)
```
#906575
```
#906575 rgb(144,101,117)
```
#995c73
```
#995c73 rgb(153,92,115)
```
#a35270
```
#a35270 rgb(163,82,112)
```
#ac496e
```
#ac496e rgb(172,73,110)
```
#b63f6b
```
#b63f6b rgb(182,63,107)
```
#bf3669
```
#bf3669 rgb(191,54,105)
```
#c92c66
```
#c92c66 rgb(201,44,102)
```
#d22364
```
#d22364 rgb(210,35,100)
```
#db1a62
```
#db1a62 rgb(219,26,98)
```
#e5105f
```
#e5105f rgb(229,16,95)
```
#ee075d
```
#ee075d rgb(238,7,93)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#765360 Atypical Achromatopsia 0.001% of the population

Dichromacy

#71758b Protanopia 1% of men
#887160 Deuteranopia 1% of men
#d23c3e Tritanopia 0.001% of the population

Trichromacy

#94577d Protanomaly 1% of men, 0.01% of women
#a35561 Deuteranomaly 6% of men, 0.4% of women
#d2324b Tritanomaly 0.01% of the population