#ca4522 hex color

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

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

● #ca4522 color description : Strong red.

The hexadecimal color #ca4522 has RGB values of R:202, G:69, B:34 and CMYK values of C:0, M:0.66, Y:0.83, K:0.21. Its decimal value is 13255970.

Hex triplet	ca4522	`#ca4522`
RGB Decimal	202, 69, 34	`rgb(202,69,34)`
RGB Percent	79.2, 27.1, 13.3	`rgb(79.2%,27.1%,13.3%)`
CMYK	0, 66, 83, 21
HSL	12.5°, 71.2, 46.3	`hsl(12.5,71.2%,46.3%)`
HSV (or HSB)	12.5°, 83.2, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.173, 51.16, 47.84
XYZ	26.775, 16.931, 3.371
xyY	0.569, 0.36, 16.931
CIE-LCH	48.173, 70.043, 43.08
CIE-LUV	48.173, 106.702, 34.798
Hunter-Lab	41.148, 44.143, 23.945
Binary	11001010, 01000101, 00100010

#ca4522
```
#ca4522 rgb(202,69,34)
```
#22a7ca
```
#22a7ca rgb(34,167,202)
```

Complementary Color

#ca2253
```
#ca2253 rgb(202,34,83)
```
#ca4522
```
#ca4522 rgb(202,69,34)
```
#ca9922
```
#ca9922 rgb(202,153,34)
```

Analogous Color

#2253ca
```
#2253ca rgb(34,83,202)
```
#ca4522
```
#ca4522 rgb(202,69,34)
```
#22ca99
```
#22ca99 rgb(34,202,153)
```

Split Complementary Color

#4522ca
```
#4522ca rgb(69,34,202)
```
#ca4522
```
#ca4522 rgb(202,69,34)
```
#22ca45
```
#22ca45 rgb(34,202,69)
```

Triadic Color

#ca22a7
```
#ca22a7 rgb(202,34,167)
```
#ca4522
```
#ca4522 rgb(202,69,34)
```
#22ca45
```
#22ca45 rgb(34,202,69)
```
#22a7ca
```
#22a7ca rgb(34,167,202)
```

Tetradic Color

#892f17
```
#892f17 rgb(137,47,23)
```
#9e361b
```
#9e361b rgb(158,54,27)
```
#b43e1e
```
#b43e1e rgb(180,62,30)
```
#ca4522
```
#ca4522 rgb(202,69,34)
```
#db4f2a
```
#db4f2a rgb(219,79,42)
```
#df6140
```
#df6140 rgb(223,97,64)
```
#e37356
```
#e37356 rgb(227,115,86)
```

Monochromatic Color

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

#ca2229
```
#ca2229 rgb(202,34,41)
```
#ca2922
```
#ca2922 rgb(202,41,34)
```
#ca3722
```
#ca3722 rgb(202,55,34)
```
#ca4522
```
#ca4522 rgb(202,69,34)
```
#ca5322
```
#ca5322 rgb(202,83,34)
```
#ca6122
```
#ca6122 rgb(202,97,34)
```
#ca6f22
```
#ca6f22 rgb(202,111,34)
```

Similar Colors

Text with hexadecimal color #ca4522

This text has a font color of #ca4522.

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

#ca4522 background color

This paragraph has a background color of #ca4522.

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

#ca4522 border color

This element has a border color of #ca4522.

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

CSS codes

.text {color:#ca4522;}

.background {background-color:#ca4522;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110603
```
#110603 rgb(17,6,3)
```
#220c06
```
#220c06 rgb(34,12,6)
```
#331109
```
#331109 rgb(51,17,9)
```
#44170b
```
#44170b rgb(68,23,11)
```
#541d0e
```
#541d0e rgb(84,29,14)
```
#652311
```
#652311 rgb(101,35,17)
```
#762814
```
#762814 rgb(118,40,20)
```
#872e17
```
#872e17 rgb(135,46,23)
```
#98341a
```
#98341a rgb(152,52,26)
```
#a83a1c
```
#a83a1c rgb(168,58,28)
```
#b93f1f
```
#b93f1f rgb(185,63,31)
```
#ca4522
```
#ca4522 rgb(202,69,34)
```

Shade Color Variation

#da4b25
```
#da4b25 rgb(218,75,37)
```
#dd5936
```
#dd5936 rgb(221,89,54)
```
#e06747
```
#e06747 rgb(224,103,71)
```
#e37558
```
#e37558 rgb(227,117,88)
```
#e68368
```
#e68368 rgb(230,131,104)
```
#e89079
```
#e89079 rgb(232,144,121)
```
#eb9e8a
```
#eb9e8a rgb(235,158,138)
```
#eeac9b
```
#eeac9b rgb(238,172,155)
```
#f1baac
```
#f1baac rgb(241,186,172)
```
#f4c8bc
```
#f4c8bc rgb(244,200,188)
```
#f7d6cd
```
#f7d6cd rgb(247,214,205)
```
#f9e4de
```
#f9e4de rgb(249,228,222)
```
#fcf2ef
```
#fcf2ef rgb(252,242,239)
```

Tint Color Variation

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

#787574
```
#787574 rgb(120,117,116)
```
#816f6b
```
#816f6b rgb(129,111,107)
```
#8a6a62
```
#8a6a62 rgb(138,106,98)
```
#946558
```
#946558 rgb(148,101,88)
```
#9d5f4f
```
#9d5f4f rgb(157,95,79)
```
#a65a46
```
#a65a46 rgb(166,90,70)
```
#af553d
```
#af553d rgb(175,85,61)
```
#b85034
```
#b85034 rgb(184,80,52)
```
#c14a2b
```
#c14a2b rgb(193,74,43)
```
#ca4522
```
#ca4522 rgb(202,69,34)
```
#d34019
```
#d34019 rgb(211,64,25)
```
#dc3a10
```
#dc3a10 rgb(220,58,16)
```
#e53507
```
#e53507 rgb(229,53,7)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#7c625b Atypical Achromatopsia 0.001% of the population

Dichromacy

#867938 Protanopia 1% of men
#97731f Deuteranopia 1% of men
#cd4a4e Tritanopia 0.001% of the population

Trichromacy

#9f6630 Protanomaly 1% of men, 0.01% of women
#a96220 Deuteranomaly 6% of men, 0.4% of women
#cc483e Tritanomaly 0.01% of the population

#ca4522 hex color

#ca4522 Color Information

#ca4522 Color Conversion

Color Schemes with #ca4522

Alternatives to #ca4522

#ca4522 Preview

Shades and Tints of #ca4522

Tones of #ca4522

Color Blindness Simulator