#ca3302 hex color

In a RGB color space, hex #ca3302 is composed of 79.2% red, 20% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.8% magenta, 99% yellow and 20.8% black. It has a hue angle of 14.7 degrees, a saturation of 98% and a lightness of 40%. #ca3302 color hex could be obtained by blending #ff6604 with #950000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 79
- G 20
- B 1
RGB color chart
- C 0
- M 75
- Y 99
- K 21
CMYK color chart

● #ca3302 color description : Strong red.

The hexadecimal color #ca3302 has RGB values of R:202, G:51, B:2 and CMYK values of C:0, M:0.75, Y:0.99, K:0.21. Its decimal value is 13251330.

Hex triplet	ca3302	`#ca3302`
RGB Decimal	202, 51, 2	`rgb(202,51,2)`
RGB Percent	79.2, 20, 0.8	`rgb(79.2%,20%,0.8%)`
CMYK	0, 75, 99, 21
HSL	14.7°, 98, 40	`hsl(14.7,98%,40%)`
HSV (or HSB)	14.7°, 99, 79.2
Web Safe	cc3300	`#cc3300`

CIE-LAB	45.541, 57.444, 57.178
XYZ	25.553, 14.932, 1.594
xyY	0.607, 0.355, 14.932
CIE-LCH	45.541, 81.05, 44.867
CIE-LUV	45.541, 120.821, 35.577
Hunter-Lab	38.642, 50.417, 24.603
Binary	11001010, 00110011, 00000010

#ca3302
```
#ca3302 rgb(202,51,2)
```
#0299ca
```
#0299ca rgb(2,153,202)
```

Complementary Color

#ca0235
```
#ca0235 rgb(202,2,53)
```
#ca3302
```
#ca3302 rgb(202,51,2)
```
#ca9702
```
#ca9702 rgb(202,151,2)
```

Analogous Color

#0235ca
```
#0235ca rgb(2,53,202)
```
#ca3302
```
#ca3302 rgb(202,51,2)
```
#02ca97
```
#02ca97 rgb(2,202,151)
```

Split Complementary Color

#3302ca
```
#3302ca rgb(51,2,202)
```
#ca3302
```
#ca3302 rgb(202,51,2)
```
#02ca33
```
#02ca33 rgb(2,202,51)
```

Triadic Color

#ca0299
```
#ca0299 rgb(202,2,153)
```
#ca3302
```
#ca3302 rgb(202,51,2)
```
#02ca33
```
#02ca33 rgb(2,202,51)
```
#0299ca
```
#0299ca rgb(2,153,202)
```

Tetradic Color

#7e2001
```
#7e2001 rgb(126,32,1)
```
#982601
```
#982601 rgb(152,38,1)
```
#b12d02
```
#b12d02 rgb(177,45,2)
```
#ca3302
```
#ca3302 rgb(202,51,2)
```
#e33902
```
#e33902 rgb(227,57,2)
```
#fd4002
```
#fd4002 rgb(253,64,2)
```
#fd531c
```
#fd531c rgb(253,83,28)
```

Monochromatic Color

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

#ca0203
```
#ca0203 rgb(202,2,3)
```
#ca1202
```
#ca1202 rgb(202,18,2)
```
#ca2202
```
#ca2202 rgb(202,34,2)
```
#ca3302
```
#ca3302 rgb(202,51,2)
```
#ca4402
```
#ca4402 rgb(202,68,2)
```
#ca5402
```
#ca5402 rgb(202,84,2)
```
#ca6502
```
#ca6502 rgb(202,101,2)
```

Similar Colors

Text with hexadecimal color #ca3302

This text has a font color of #ca3302.

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

#ca3302 background color

This paragraph has a background color of #ca3302.

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

#ca3302 border color

This element has a border color of #ca3302.

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

CSS codes

.text {color:#ca3302;}

.background {background-color:#ca3302;}

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

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

#080200
```
#080200 rgb(8,2,0)
```
#1b0700
```
#1b0700 rgb(27,7,0)
```
#2f0c00
```
#2f0c00 rgb(47,12,0)
```
#421101
```
#421101 rgb(66,17,1)
```
#551601
```
#551601 rgb(85,22,1)
```
#691a01
```
#691a01 rgb(105,26,1)
```
#7c1f01
```
#7c1f01 rgb(124,31,1)
```
#902401
```
#902401 rgb(144,36,1)
```
#a32902
```
#a32902 rgb(163,41,2)
```
#b72e02
```
#b72e02 rgb(183,46,2)
```
#ca3302
```
#ca3302 rgb(202,51,2)
```
#dd3802
```
#dd3802 rgb(221,56,2)
```
#f13d02
```
#f13d02 rgb(241,61,2)
```

Shade Color Variation

#fd460a
```
#fd460a rgb(253,70,10)
```
#fd541e
```
#fd541e rgb(253,84,30)
```
#fd6331
```
#fd6331 rgb(253,99,49)
```
#fd7245
```
#fd7245 rgb(253,114,69)
```
#fd8058
```
#fd8058 rgb(253,128,88)
```
#fe8f6b
```
#fe8f6b rgb(254,143,107)
```
#fe9e7f
```
#fe9e7f rgb(254,158,127)
```
#fead92
```
#fead92 rgb(254,173,146)
```
#febba6
```
#febba6 rgb(254,187,166)
```
#fecab9
```
#fecab9 rgb(254,202,185)
```
#ffd9cd
```
#ffd9cd rgb(255,217,205)
```
#ffe7e0
```
#ffe7e0 rgb(255,231,224)
```
#fff6f3
```
#fff6f3 rgb(255,246,243)
```

Tint Color Variation

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

#6c6360
```
#6c6360 rgb(108,99,96)
```
#745f58
```
#745f58 rgb(116,95,88)
```
#7c5b50
```
#7c5b50 rgb(124,91,80)
```
#835749
```
#835749 rgb(131,87,73)
```
#8b5341
```
#8b5341 rgb(139,83,65)
```
#934f39
```
#934f39 rgb(147,79,57)
```
#9b4b31
```
#9b4b31 rgb(155,75,49)
```
#a34729
```
#a34729 rgb(163,71,41)
```
#ab4321
```
#ab4321 rgb(171,67,33)
```
#b23f1a
```
#b23f1a rgb(178,63,26)
```
#ba3b12
```
#ba3b12 rgb(186,59,18)
```
#c2370a
```
#c2370a rgb(194,55,10)
```
#ca3302
```
#ca3302 rgb(202,51,2)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#715349 Atypical Achromatopsia 0.001% of the population

Dichromacy

#81731b Protanopia 1% of men
#906e00 Deuteranopia 1% of men
#cd393b Tritanopia 0.001% of the population

Trichromacy

#9b5c12 Protanomaly 1% of men, 0.01% of women
#a55800 Deuteranomaly 6% of men, 0.4% of women
#cc3726 Tritanomaly 0.01% of the population

#ca3302 hex color

#ca3302 Color Information

#ca3302 Color Conversion

Color Schemes with #ca3302

Alternatives to #ca3302

#ca3302 Preview

Shades and Tints of #ca3302

Tones of #ca3302

Color Blindness Simulator