#ca301b hex color

In a RGB color space, hex #ca301b is composed of 79.2% red, 18.8% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.2% magenta, 86.6% yellow and 20.8% black. It has a hue angle of 7.2 degrees, a saturation of 76.4% and a lightness of 44.9%. #ca301b color hex could be obtained by blending #ff6036 with #950000. Closest websafe color is: #cc3333.

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

● #ca301b color description : Strong red.

The hexadecimal color #ca301b has RGB values of R:202, G:48, B:27 and CMYK values of C:0, M:0.76, Y:0.87, K:0.21. Its decimal value is 13250587.

Hex triplet	ca301b	`#ca301b`
RGB Decimal	202, 48, 27	`rgb(202,48,27)`
RGB Percent	79.2, 18.8, 10.6	`rgb(79.2%,18.8%,10.6%)`
CMYK	0, 76, 87, 21
HSL	7.2°, 76.4, 44.9	`hsl(7.2,76.4%,44.9%)`
HSV (or HSB)	7.2°, 86.6, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.294, 58.76, 48.564
XYZ	25.613, 14.753, 2.536
xyY	0.597, 0.344, 14.753
CIE-LCH	45.294, 76.232, 39.573
CIE-LUV	45.294, 120.535, 31.412
Hunter-Lab	38.409, 51.816, 22.972
Binary	11001010, 00110000, 00011011

#ca301b
```
#ca301b rgb(202,48,27)
```
#1bb5ca
```
#1bb5ca rgb(27,181,202)
```

Complementary Color

#ca1b5e
```
#ca1b5e rgb(202,27,94)
```
#ca301b
```
#ca301b rgb(202,48,27)
```
#ca881b
```
#ca881b rgb(202,136,27)
```

Analogous Color

#1b5eca
```
#1b5eca rgb(27,94,202)
```
#ca301b
```
#ca301b rgb(202,48,27)
```
#1bca88
```
#1bca88 rgb(27,202,136)
```

Split Complementary Color

#301bca
```
#301bca rgb(48,27,202)
```
#ca301b
```
#ca301b rgb(202,48,27)
```
#1bca30
```
#1bca30 rgb(27,202,48)
```

Triadic Color

#ca1bb5
```
#ca1bb5 rgb(202,27,181)
```
#ca301b
```
#ca301b rgb(202,48,27)
```
#1bca30
```
#1bca30 rgb(27,202,48)
```
#1bb5ca
```
#1bb5ca rgb(27,181,202)
```

Tetradic Color

#872012
```
#872012 rgb(135,32,18)
```
#9d2515
```
#9d2515 rgb(157,37,21)
```
#b42b18
```
#b42b18 rgb(180,43,24)
```
#ca301b
```
#ca301b rgb(202,48,27)
```
#e0351e
```
#e0351e rgb(224,53,30)
```
#e44934
```
#e44934 rgb(228,73,52)
```
#e75d4b
```
#e75d4b rgb(231,93,75)
```

Monochromatic Color

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

#ca1b32
```
#ca1b32 rgb(202,27,50)
```
#ca1b23
```
#ca1b23 rgb(202,27,35)
```
#ca211b
```
#ca211b rgb(202,33,27)
```
#ca301b
```
#ca301b rgb(202,48,27)
```
#ca3f1b
```
#ca3f1b rgb(202,63,27)
```
#ca4d1b
```
#ca4d1b rgb(202,77,27)
```
#ca5c1b
```
#ca5c1b rgb(202,92,27)
```

Similar Colors

Text with hexadecimal color #ca301b

This text has a font color of #ca301b.

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

#ca301b background color

This paragraph has a background color of #ca301b.

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

#ca301b border color

This element has a border color of #ca301b.

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

CSS codes

.text {color:#ca301b;}

.background {background-color:#ca301b;}

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

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, #0c0302 is the darkest color, while #fefaf9 is the lightest one.

#0c0302
```
#0c0302 rgb(12,3,2)
```
#1d0704
```
#1d0704 rgb(29,7,4)
```
#2e0b06
```
#2e0b06 rgb(46,11,6)
```
#400f08
```
#400f08 rgb(64,15,8)
```
#51130b
```
#51130b rgb(81,19,11)
```
#62170d
```
#62170d rgb(98,23,13)
```
#731b0f
```
#731b0f rgb(115,27,15)
```
#852012
```
#852012 rgb(133,32,18)
```
#962414
```
#962414 rgb(150,36,20)
```
#a72816
```
#a72816 rgb(167,40,22)
```
#b92c19
```
#b92c19 rgb(185,44,25)
```
#ca301b
```
#ca301b rgb(202,48,27)
```
#db341d
```
#db341d rgb(219,52,29)
```

Shade Color Variation

#e2402a
```
#e2402a rgb(226,64,42)
```
#e54f3b
```
#e54f3b rgb(229,79,59)
```
#e75f4c
```
#e75f4c rgb(231,95,76)
```
#e96e5e
```
#e96e5e rgb(233,110,94)
```
#ec7e6f
```
#ec7e6f rgb(236,126,111)
```
#ee8d80
```
#ee8d80 rgb(238,141,128)
```
#f09d92
```
#f09d92 rgb(240,157,146)
```
#f3aca3
```
#f3aca3 rgb(243,172,163)
```
#f5bcb4
```
#f5bcb4 rgb(245,188,180)
```
#f7cbc5
```
#f7cbc5 rgb(247,203,197)
```
#fadbd7
```
#fadbd7 rgb(250,219,215)
```
#fceae8
```
#fceae8 rgb(252,234,232)
```
#fefaf9
```
#fefaf9 rgb(254,250,249)
```

Tint Color Variation

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

#7b6c6a
```
#7b6c6a rgb(123,108,106)
```
#846661
```
#846661 rgb(132,102,97)
```
#8c5f59
```
#8c5f59 rgb(140,95,89)
```
#955850
```
#955850 rgb(149,88,80)
```
#9e5147
```
#9e5147 rgb(158,81,71)
```
#a74b3e
```
#a74b3e rgb(167,75,62)
```
#b04435
```
#b04435 rgb(176,68,53)
```
#b83d2d
```
#b83d2d rgb(184,61,45)
```
#c13724
```
#c13724 rgb(193,55,36)
```
#ca301b
```
#ca301b rgb(202,48,27)
```
#d32912
```
#d32912 rgb(211,41,18)
```
#dc2309
```
#dc2309 rgb(220,35,9)
```
#e41c01
```
#e41c01 rgb(228,28,1)
```

Tone Color Variation

Below, you can see how #ca301b 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
#72534f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7334 Protanopia 1% of men
#8f6d10 Deuteranopia 1% of men
#cd383a Tritanopia 0.001% of the population

Trichromacy

#9a5a2b Protanomaly 1% of men, 0.01% of women
#a45714 Deuteranomaly 6% of men, 0.4% of women
#cc352e Tritanomaly 0.01% of the population

#ca301b hex color

#ca301b Color Information

#ca301b Color Conversion

Color Schemes with #ca301b

Alternatives to #ca301b

#ca301b Preview

Shades and Tints of #ca301b

Tones of #ca301b

Color Blindness Simulator