#ca224d hex color

In a RGB color space, hex #ca224d is composed of 79.2% red, 13.3% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.2% magenta, 61.9% yellow and 20.8% black. It has a hue angle of 344.6 degrees, a saturation of 71.2% and a lightness of 46.3%. #ca224d color hex could be obtained by blending #ff449a with #950000. Closest websafe color is: #cc3366.

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

● #ca224d color description : Strong pink.

The hexadecimal color #ca224d has RGB values of R:202, G:34, B:77 and CMYK values of C:0, M:0.83, Y:0.62, K:0.21. Its decimal value is 13247053.

Hex triplet	ca224d	`#ca224d`
RGB Decimal	202, 34, 77	`rgb(202,34,77)`
RGB Percent	79.2, 13.3, 30.2	`rgb(79.2%,13.3%,30.2%)`
CMYK	0, 83, 62, 21
HSL	344.6°, 71.2, 46.3	`hsl(344.6,71.2%,46.3%)`
HSV (or HSB)	344.6°, 83.2, 79.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	44.575, 64.597, 19.345
XYZ	26.27, 14.24, 8.386
xyY	0.537, 0.291, 14.24
CIE-LCH	44.575, 67.431, 16.672
CIE-LUV	44.575, 115.114, 8.827
Hunter-Lab	37.735, 58.228, 13.239
Binary	11001010, 00100010, 01001101

#ca224d
```
#ca224d rgb(202,34,77)
```
#22ca9f
```
#22ca9f rgb(34,202,159)
```

Complementary Color

#ca22a1
```
#ca22a1 rgb(202,34,161)
```
#ca224d
```
#ca224d rgb(202,34,77)
```
#ca4b22
```
#ca4b22 rgb(202,75,34)
```

Analogous Color

#22a1ca
```
#22a1ca rgb(34,161,202)
```
#ca224d
```
#ca224d rgb(202,34,77)
```
#22ca4b
```
#22ca4b rgb(34,202,75)
```

Split Complementary Color

#224dca
```
#224dca rgb(34,77,202)
```
#ca224d
```
#ca224d rgb(202,34,77)
```
#4dca22
```
#4dca22 rgb(77,202,34)
```

Triadic Color

#9f22ca
```
#9f22ca rgb(159,34,202)
```
#ca224d
```
#ca224d rgb(202,34,77)
```
#4dca22
```
#4dca22 rgb(77,202,34)
```
#22ca9f
```
#22ca9f rgb(34,202,159)
```

Tetradic Color

#891734
```
#891734 rgb(137,23,52)
```
#9e1b3c
```
#9e1b3c rgb(158,27,60)
```
#b41e45
```
#b41e45 rgb(180,30,69)
```
#ca224d
```
#ca224d rgb(202,34,77)
```
#db2a58
```
#db2a58 rgb(219,42,88)
```
#df4069
```
#df4069 rgb(223,64,105)
```
#e3567a
```
#e3567a rgb(227,86,122)
```

Monochromatic Color

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

#ca2277
```
#ca2277 rgb(202,34,119)
```
#ca2269
```
#ca2269 rgb(202,34,105)
```
#ca225b
```
#ca225b rgb(202,34,91)
```
#ca224d
```
#ca224d rgb(202,34,77)
```
#ca223f
```
#ca223f rgb(202,34,63)
```
#ca2231
```
#ca2231 rgb(202,34,49)
```
#ca2223
```
#ca2223 rgb(202,34,35)
```

Similar Colors

Text with hexadecimal color #ca224d

This text has a font color of #ca224d.

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

#ca224d background color

This paragraph has a background color of #ca224d.

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

#ca224d border color

This element has a border color of #ca224d.

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

CSS codes

.text {color:#ca224d;}

.background {background-color:#ca224d;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110307
```
#110307 rgb(17,3,7)
```
#22060d
```
#22060d rgb(34,6,13)
```
#330913
```
#330913 rgb(51,9,19)
```
#440b1a
```
#440b1a rgb(68,11,26)
```
#540e20
```
#540e20 rgb(84,14,32)
```
#651127
```
#651127 rgb(101,17,39)
```
#76142d
```
#76142d rgb(118,20,45)
```
#871733
```
#871733 rgb(135,23,51)
```
#981a3a
```
#981a3a rgb(152,26,58)
```
#a81c40
```
#a81c40 rgb(168,28,64)
```
#b91f47
```
#b91f47 rgb(185,31,71)
```
#ca224d
```
#ca224d rgb(202,34,77)
```

Shade Color Variation

#da2554
```
#da2554 rgb(218,37,84)
```
#dd3661
```
#dd3661 rgb(221,54,97)
```
#e0476e
```
#e0476e rgb(224,71,110)
```
#e3587b
```
#e3587b rgb(227,88,123)
```
#e66888
```
#e66888 rgb(230,104,136)
```
#e87996
```
#e87996 rgb(232,121,150)
```
#eb8aa3
```
#eb8aa3 rgb(235,138,163)
```
#ee9bb0
```
#ee9bb0 rgb(238,155,176)
```
#f1acbd
```
#f1acbd rgb(241,172,189)
```
#f4bccb
```
#f4bccb rgb(244,188,203)
```
#f7cdd8
```
#f7cdd8 rgb(247,205,216)
```
#f9dee5
```
#f9dee5 rgb(249,222,229)
```
#fceff2
```
#fceff2 rgb(252,239,242)
```

Tint Color Variation

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

#787475
```
#787475 rgb(120,116,117)
```
#816b70
```
#816b70 rgb(129,107,112)
```
#8a626c
```
#8a626c rgb(138,98,108)
```
#945868
```
#945868 rgb(148,88,104)
```
#9d4f63
```
#9d4f63 rgb(157,79,99)
```
#a6465f
```
#a6465f rgb(166,70,95)
```
#af3d5a
```
#af3d5a rgb(175,61,90)
```
#b83456
```
#b83456 rgb(184,52,86)
```
#c12b51
```
#c12b51 rgb(193,43,81)
```
#ca224d
```
#ca224d rgb(202,34,77)
```
#d31949
```
#d31949 rgb(211,25,73)
```
#dc1044
```
#dc1044 rgb(220,16,68)
```
#e50740
```
#e50740 rgb(229,7,64)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#704e57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#73706f Protanopia 1% of men
#876c4b Deuteranopia 1% of men
#cb3536 Tritanopia 0.001% of the population

Trichromacy

#925463 Protanomaly 1% of men, 0.01% of women
#9f514c Deuteranomaly 6% of men, 0.4% of women
#ca2e3e Tritanomaly 0.01% of the population

#ca224d hex color

#ca224d Color Information

#ca224d Color Conversion

Color Schemes with #ca224d

Alternatives to #ca224d

#ca224d Preview

Shades and Tints of #ca224d

Tones of #ca224d

Color Blindness Simulator