#ca3022 hex color

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

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

● #ca3022 color description : Strong red.

The hexadecimal color #ca3022 has RGB values of R:202, G:48, B:34 and CMYK values of C:0, M:0.76, Y:0.83, K:0.21. Its decimal value is 13250594.

Hex triplet	ca3022	`#ca3022`
RGB Decimal	202, 48, 34	`rgb(202,48,34)`
RGB Percent	79.2, 18.8, 13.3	`rgb(79.2%,18.8%,13.3%)`
CMYK	0, 76, 83, 21
HSL	5°, 71.2, 46.3	`hsl(5,71.2%,46.3%)`
HSV (or HSB)	5°, 83.2, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.344, 58.925, 45.262
XYZ	25.704, 14.789, 3.014
xyY	0.591, 0.34, 14.789
CIE-LCH	45.344, 74.302, 37.529
CIE-LUV	45.344, 119.588, 29.715
Hunter-Lab	38.457, 52.009, 22.272
Binary	11001010, 00110000, 00100010

#ca3022
```
#ca3022 rgb(202,48,34)
```
#22bcca
```
#22bcca rgb(34,188,202)
```

Complementary Color

#ca2268
```
#ca2268 rgb(202,34,104)
```
#ca3022
```
#ca3022 rgb(202,48,34)
```
#ca8422
```
#ca8422 rgb(202,132,34)
```

Analogous Color

#2268ca
```
#2268ca rgb(34,104,202)
```
#ca3022
```
#ca3022 rgb(202,48,34)
```
#22ca84
```
#22ca84 rgb(34,202,132)
```

Split Complementary Color

#3022ca
```
#3022ca rgb(48,34,202)
```
#ca3022
```
#ca3022 rgb(202,48,34)
```
#22ca30
```
#22ca30 rgb(34,202,48)
```

Triadic Color

#ca22bc
```
#ca22bc rgb(202,34,188)
```
#ca3022
```
#ca3022 rgb(202,48,34)
```
#22ca30
```
#22ca30 rgb(34,202,48)
```
#22bcca
```
#22bcca rgb(34,188,202)
```

Tetradic Color

#892017
```
#892017 rgb(137,32,23)
```
#9e261b
```
#9e261b rgb(158,38,27)
```
#b42b1e
```
#b42b1e rgb(180,43,30)
```
#ca3022
```
#ca3022 rgb(202,48,34)
```
#db392a
```
#db392a rgb(219,57,42)
```
#df4d40
```
#df4d40 rgb(223,77,64)
```
#e36256
```
#e36256 rgb(227,98,86)
```

Monochromatic Color

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

#ca223e
```
#ca223e rgb(202,34,62)
```
#ca2230
```
#ca2230 rgb(202,34,48)
```
#ca2222
```
#ca2222 rgb(202,34,34)
```
#ca3022
```
#ca3022 rgb(202,48,34)
```
#ca3e22
```
#ca3e22 rgb(202,62,34)
```
#ca4c22
```
#ca4c22 rgb(202,76,34)
```
#ca5a22
```
#ca5a22 rgb(202,90,34)
```

Similar Colors

Text with hexadecimal color #ca3022

This text has a font color of #ca3022.

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

#ca3022 background color

This paragraph has a background color of #ca3022.

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

#ca3022 border color

This element has a border color of #ca3022.

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

CSS codes

.text {color:#ca3022;}

.background {background-color:#ca3022;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110403
```
#110403 rgb(17,4,3)
```
#220806
```
#220806 rgb(34,8,6)
```
#330c09
```
#330c09 rgb(51,12,9)
```
#44100b
```
#44100b rgb(68,16,11)
```
#54140e
```
#54140e rgb(84,20,14)
```
#651811
```
#651811 rgb(101,24,17)
```
#761c14
```
#761c14 rgb(118,28,20)
```
#872017
```
#872017 rgb(135,32,23)
```
#98241a
```
#98241a rgb(152,36,26)
```
#a8281c
```
#a8281c rgb(168,40,28)
```
#b92c1f
```
#b92c1f rgb(185,44,31)
```
#ca3022
```
#ca3022 rgb(202,48,34)
```

Shade Color Variation

#da3425
```
#da3425 rgb(218,52,37)
```
#dd4436
```
#dd4436 rgb(221,68,54)
```
#e05447
```
#e05447 rgb(224,84,71)
```
#e36358
```
#e36358 rgb(227,99,88)
```
#e67368
```
#e67368 rgb(230,115,104)
```
#e88279
```
#e88279 rgb(232,130,121)
```
#eb928a
```
#eb928a rgb(235,146,138)
```
#eea29b
```
#eea29b rgb(238,162,155)
```
#f1b1ac
```
#f1b1ac rgb(241,177,172)
```
#f4c1bc
```
#f4c1bc rgb(244,193,188)
```
#f7d1cd
```
#f7d1cd rgb(247,209,205)
```
#f9e0de
```
#f9e0de rgb(249,224,222)
```
#fcf0ef
```
#fcf0ef rgb(252,240,239)
```

Tint Color Variation

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

#787474
```
#787474 rgb(120,116,116)
```
#816d6b
```
#816d6b rgb(129,109,107)
```
#8a6562
```
#8a6562 rgb(138,101,98)
```
#945d58
```
#945d58 rgb(148,93,88)
```
#9d564f
```
#9d564f rgb(157,86,79)
```
#a64e46
```
#a64e46 rgb(166,78,70)
```
#af473d
```
#af473d rgb(175,71,61)
```
#b83f34
```
#b83f34 rgb(184,63,52)
```
#c1382b
```
#c1382b rgb(193,56,43)
```
#ca3022
```
#ca3022 rgb(202,48,34)
```
#d32819
```
#d32819 rgb(211,40,25)
```
#dc2110
```
#dc2110 rgb(220,33,16)
```
#e51907
```
#e51907 rgb(229,25,7)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#725350 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e733b Protanopia 1% of men
#8f6d1d Deuteranopia 1% of men
#cd393a Tritanopia 0.001% of the population

Trichromacy

#9a5a32 Protanomaly 1% of men, 0.01% of women
#a4571f Deuteranomaly 6% of men, 0.4% of women
#cb3531 Tritanomaly 0.01% of the population

#ca3022 hex color

#ca3022 Color Information

#ca3022 Color Conversion

Color Schemes with #ca3022

Alternatives to #ca3022

#ca3022 Preview

Shades and Tints of #ca3022

Tones of #ca3022

Color Blindness Simulator