#ca218d hex color

In a RGB color space, hex #ca218d is composed of 79.2% red, 12.9% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.7% magenta, 30.2% yellow and 20.8% black. It has a hue angle of 321.7 degrees, a saturation of 71.9% and a lightness of 46.1%. #ca218d color hex could be obtained by blending #ff42ff with #95001b. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 79
- G 13
- B 55
RGB color chart
- C 0
- M 84
- Y 30
- K 21
CMYK color chart

● #ca218d color description : Strong pink.

The hexadecimal color #ca218d has RGB values of R:202, G:33, B:141 and CMYK values of C:0, M:0.84, Y:0.3, K:0.21. Its decimal value is 13246861.

Hex triplet	ca218d	`#ca218d`
RGB Decimal	202, 33, 141	`rgb(202,33,141)`
RGB Percent	79.2, 12.9, 55.3	`rgb(79.2%,12.9%,55.3%)`
CMYK	0, 84, 30, 21
HSL	321.7°, 71.9, 46.1	`hsl(321.7,71.9%,46.1%)`
HSV (or HSB)	321.7°, 83.7, 79.2
Web Safe	cc3399	`#cc3399`

CIE-LAB	46.406, 70.339, -17.492
XYZ	29.709, 15.57, 26.639
xyY	0.413, 0.216, 15.57
CIE-LCH	46.406, 72.482, 346.035
CIE-LUV	46.406, 89.551, -36.197
Hunter-Lab	39.459, 65.341, -12.405
Binary	11001010, 00100001, 10001101

#ca218d
```
#ca218d rgb(202,33,141)
```
#21ca5e
```
#21ca5e rgb(33,202,94)
```

Complementary Color

#b321ca
```
#b321ca rgb(179,33,202)
```
#ca218d
```
#ca218d rgb(202,33,141)
```
#ca2138
```
#ca2138 rgb(202,33,56)
```

Analogous Color

#21cab3
```
#21cab3 rgb(33,202,179)
```
#ca218d
```
#ca218d rgb(202,33,141)
```
#38ca21
```
#38ca21 rgb(56,202,33)
```

Split Complementary Color

#218dca
```
#218dca rgb(33,141,202)
```
#ca218d
```
#ca218d rgb(202,33,141)
```
#8dca21
```
#8dca21 rgb(141,202,33)
```

Triadic Color

#5e21ca
```
#5e21ca rgb(94,33,202)
```
#ca218d
```
#ca218d rgb(202,33,141)
```
#8dca21
```
#8dca21 rgb(141,202,33)
```
#21ca5e
```
#21ca5e rgb(33,202,94)
```

Tetradic Color

#88165f
```
#88165f rgb(136,22,95)
```
#9e1a6e
```
#9e1a6e rgb(158,26,110)
```
#b41d7e
```
#b41d7e rgb(180,29,126)
```
#ca218d
```
#ca218d rgb(202,33,141)
```
#dc299b
```
#dc299b rgb(220,41,155)
```
#e03ea5
```
#e03ea5 rgb(224,62,165)
```
#e354b0
```
#e354b0 rgb(227,84,176)
```

Monochromatic Color

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

#ca21b7
```
#ca21b7 rgb(202,33,183)
```
#ca21a9
```
#ca21a9 rgb(202,33,169)
```
#ca219b
```
#ca219b rgb(202,33,155)
```
#ca218d
```
#ca218d rgb(202,33,141)
```
#ca217f
```
#ca217f rgb(202,33,127)
```
#ca2171
```
#ca2171 rgb(202,33,113)
```
#ca2163
```
#ca2163 rgb(202,33,99)
```

Similar Colors

Text with hexadecimal color #ca218d

This text has a font color of #ca218d.

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

#ca218d background color

This paragraph has a background color of #ca218d.

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

#ca218d border color

This element has a border color of #ca218d.

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

CSS codes

.text {color:#ca218d;}

.background {background-color:#ca218d;}

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

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

#11030c
```
#11030c rgb(17,3,12)
```
#210517
```
#210517 rgb(33,5,23)
```
#320823
```
#320823 rgb(50,8,35)
```
#430b2f
```
#430b2f rgb(67,11,47)
```
#540e3b
```
#540e3b rgb(84,14,59)
```
#651046
```
#651046 rgb(101,16,70)
```
#761352
```
#761352 rgb(118,19,82)
```
#87165e
```
#87165e rgb(135,22,94)
```
#97196a
```
#97196a rgb(151,25,106)
```
#a81b75
```
#a81b75 rgb(168,27,117)
```
#b91e81
```
#b91e81 rgb(185,30,129)
```
#ca218d
```
#ca218d rgb(202,33,141)
```
#db2499
```
#db2499 rgb(219,36,153)
```

Shade Color Variation

#de34a1
```
#de34a1 rgb(222,52,161)
```
#e145a9
```
#e145a9 rgb(225,69,169)
```
#e356b0
```
#e356b0 rgb(227,86,176)
```
#e667b8
```
#e667b8 rgb(230,103,184)
```
#e978c0
```
#e978c0 rgb(233,120,192)
```
#ec89c8
```
#ec89c8 rgb(236,137,200)
```
#ee9ad0
```
#ee9ad0 rgb(238,154,208)
```
#f1aad8
```
#f1aad8 rgb(241,170,216)
```
#f4bbdf
```
#f4bbdf rgb(244,187,223)
```
#f7cce7
```
#f7cce7 rgb(247,204,231)
```
#f9ddef
```
#f9ddef rgb(249,221,239)
```
#fceef7
```
#fceef7 rgb(252,238,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#797276
```
#797276 rgb(121,114,118)
```
#826979
```
#826979 rgb(130,105,121)
```
#8b607b
```
#8b607b rgb(139,96,123)
```
#94577e
```
#94577e rgb(148,87,126)
```
#9d4e80
```
#9d4e80 rgb(157,78,128)
```
#a64583
```
#a64583 rgb(166,69,131)
```
#af3c85
```
#af3c85 rgb(175,60,133)
```
#b83388
```
#b83388 rgb(184,51,136)
```
#c12a8a
```
#c12a8a rgb(193,42,138)
```
#ca218d
```
#ca218d rgb(202,33,141)
```
#d31890
```
#d31890 rgb(211,24,144)
```
#dc0f92
```
#dc0f92 rgb(220,15,146)
```
#e50695
```
#e50695 rgb(229,6,149)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#755369 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5373bc Protanopia 1% of men
#787285 Deuteranopia 1% of men
#c7474b Tritanopia 0.001% of the population

Trichromacy

#7e55ab Protanomaly 1% of men, 0.01% of women
#955588 Deuteranomaly 6% of men, 0.4% of women
#c83963 Tritanomaly 0.01% of the population

#ca218d hex color

#ca218d Color Information

#ca218d Color Conversion

Color Schemes with #ca218d

Alternatives to #ca218d

#ca218d Preview

Shades and Tints of #ca218d

Tones of #ca218d

Color Blindness Simulator