#ca2523 hex color

In a RGB color space, hex #ca2523 is composed of 79.2% red, 14.5% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 82.7% yellow and 20.8% black. It has a hue angle of 0.7 degrees, a saturation of 70.5% and a lightness of 46.5%. #ca2523 color hex could be obtained by blending #ff4a46 with #950000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 79
- G 15
- B 14
RGB color chart
- C 0
- M 82
- Y 83
- K 21
CMYK color chart

● #ca2523 color description : Strong red.

The hexadecimal color #ca2523 has RGB values of R:202, G:37, B:35 and CMYK values of C:0, M:0.82, Y:0.83, K:0.21. Its decimal value is 13247779.

Hex triplet	ca2523	`#ca2523`
RGB Decimal	202, 37, 35	`rgb(202,37,35)`
RGB Percent	79.2, 14.5, 13.7	`rgb(79.2%,14.5%,13.7%)`
CMYK	0, 82, 83, 21
HSL	0.7°, 70.5, 46.5	`hsl(0.7,70.5%,46.5%)`
HSV (or HSB)	0.7°, 82.7, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.239, 62.084, 43.725
XYZ	25.323, 14.004, 2.96
xyY	0.599, 0.331, 14.004
CIE-LCH	44.239, 75.936, 35.157
CIE-LUV	44.239, 124.709, 27.404
Hunter-Lab	37.422, 55.301, 21.506
Binary	11001010, 00100101, 00100011

#ca2523
```
#ca2523 rgb(202,37,35)
```
#23c8ca
```
#23c8ca rgb(35,200,202)
```

Complementary Color

#ca2375
```
#ca2375 rgb(202,35,117)
```
#ca2523
```
#ca2523 rgb(202,37,35)
```
#ca7923
```
#ca7923 rgb(202,121,35)
```

Analogous Color

#2375ca
```
#2375ca rgb(35,117,202)
```
#ca2523
```
#ca2523 rgb(202,37,35)
```
#23ca79
```
#23ca79 rgb(35,202,121)
```

Split Complementary Color

#2523ca
```
#2523ca rgb(37,35,202)
```
#ca2523
```
#ca2523 rgb(202,37,35)
```
#23ca25
```
#23ca25 rgb(35,202,37)
```

Triadic Color

#ca23c8
```
#ca23c8 rgb(202,35,200)
```
#ca2523
```
#ca2523 rgb(202,37,35)
```
#23ca25
```
#23ca25 rgb(35,202,37)
```
#23c8ca
```
#23c8ca rgb(35,200,202)
```

Tetradic Color

#891918
```
#891918 rgb(137,25,24)
```
#9f1d1b
```
#9f1d1b rgb(159,29,27)
```
#b4211f
```
#b4211f rgb(180,33,31)
```
#ca2523
```
#ca2523 rgb(202,37,35)
```
#da2e2c
```
#da2e2c rgb(218,46,44)
```
#de4442
```
#de4442 rgb(222,68,66)
```
#e25958
```
#e25958 rgb(226,89,88)
```

Monochromatic Color

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

#ca234b
```
#ca234b rgb(202,35,75)
```
#ca233d
```
#ca233d rgb(202,35,61)
```
#ca232f
```
#ca232f rgb(202,35,47)
```
#ca2523
```
#ca2523 rgb(202,37,35)
```
#ca3323
```
#ca3323 rgb(202,51,35)
```
#ca4123
```
#ca4123 rgb(202,65,35)
```
#ca4f23
```
#ca4f23 rgb(202,79,35)
```

Similar Colors

Text with hexadecimal color #ca2523

This text has a font color of #ca2523.

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

#ca2523 background color

This paragraph has a background color of #ca2523.

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

#ca2523 border color

This element has a border color of #ca2523.

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

CSS codes

.text {color:#ca2523;}

.background {background-color:#ca2523;}

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

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 #fcf0f0 is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#120303
```
#120303 rgb(18,3,3)
```
#230606
```
#230606 rgb(35,6,6)
```
#340909
```
#340909 rgb(52,9,9)
```
#440d0c
```
#440d0c rgb(68,13,12)
```
#55100f
```
#55100f rgb(85,16,15)
```
#661312
```
#661312 rgb(102,19,18)
```
#761615
```
#761615 rgb(118,22,21)
```
#871917
```
#871917 rgb(135,25,23)
```
#981c1a
```
#981c1a rgb(152,28,26)
```
#a91f1d
```
#a91f1d rgb(169,31,29)
```
#b92220
```
#b92220 rgb(185,34,32)
```
#ca2523
```
#ca2523 rgb(202,37,35)
```

Shade Color Variation

#da2927
```
#da2927 rgb(218,41,39)
```
#dc3a38
```
#dc3a38 rgb(220,58,56)
```
#df4a48
```
#df4a48 rgb(223,74,72)
```
#e25b59
```
#e25b59 rgb(226,91,89)
```
#e56b6a
```
#e56b6a rgb(229,107,106)
```
#e87c7b
```
#e87c7b rgb(232,124,123)
```
#eb8c8b
```
#eb8c8b rgb(235,140,139)
```
#ee9d9c
```
#ee9d9c rgb(238,157,156)
```
#f1aead
```
#f1aead rgb(241,174,173)
```
#f4bebe
```
#f4bebe rgb(244,190,190)
```
#f7cfce
```
#f7cfce rgb(247,207,206)
```
#f9dfdf
```
#f9dfdf rgb(249,223,223)
```
#fcf0f0
```
#fcf0f0 rgb(252,240,240)
```

Tint Color Variation

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

#787575
```
#787575 rgb(120,117,117)
```
#816c6c
```
#816c6c rgb(129,108,108)
```
#8a6363
```
#8a6363 rgb(138,99,99)
```
#935a5a
```
#935a5a rgb(147,90,90)
```
#9c5151
```
#9c5151 rgb(156,81,81)
```
#a64947
```
#a64947 rgb(166,73,71)
```
#af403e
```
#af403e rgb(175,64,62)
```
#b83735
```
#b83735 rgb(184,55,53)
```
#c12e2c
```
#c12e2c rgb(193,46,44)
```
#ca2523
```
#ca2523 rgb(202,37,35)
```
#d31c1a
```
#d31c1a rgb(211,28,26)
```
#dc1311
```
#dc1311 rgb(220,19,17)
```
#e50a08
```
#e50a08 rgb(229,10,8)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6d4c4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b703e Protanopia 1% of men
#8c6b1e Deuteranopia 1% of men
#cc3030 Tritanopia 0.001% of the population

Trichromacy

#975534 Protanomaly 1% of men, 0.01% of women
#a25120 Deuteranomaly 6% of men, 0.4% of women
#cb2c2b Tritanomaly 0.01% of the population

#ca2523 hex color

#ca2523 Color Information

#ca2523 Color Conversion

Color Schemes with #ca2523

Alternatives to #ca2523

#ca2523 Preview

Shades and Tints of #ca2523

Tones of #ca2523

Color Blindness Simulator