#ca311e hex color

In a RGB color space, hex #ca311e is composed of 79.2% red, 19.2% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.7% magenta, 85.1% yellow and 20.8% black. It has a hue angle of 6.6 degrees, a saturation of 74.1% and a lightness of 45.5%. #ca311e color hex could be obtained by blending #ff623c with #950000. Closest websafe color is: #cc3333.

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

● #ca311e color description : Strong red.

The hexadecimal color #ca311e has RGB values of R:202, G:49, B:30 and CMYK values of C:0, M:0.76, Y:0.85, K:0.21. Its decimal value is 13250846.

Hex triplet	ca311e	`#ca311e`
RGB Decimal	202, 49, 30	`rgb(202,49,30)`
RGB Percent	79.2, 19.2, 11.8	`rgb(79.2%,19.2%,11.8%)`
CMYK	0, 76, 85, 21
HSL	6.6°, 74.1, 45.5	`hsl(6.6,74.1%,45.5%)`
HSV (or HSB)	6.6°, 85.1, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.428, 58.508, 47.289
XYZ	25.691, 14.85, 2.742
xyY	0.594, 0.343, 14.85
CIE-LCH	45.428, 75.229, 38.947
CIE-LUV	45.428, 119.613, 30.933
Hunter-Lab	38.536, 51.565, 22.757
Binary	11001010, 00110001, 00011110

#ca311e
```
#ca311e rgb(202,49,30)
```
#1eb7ca
```
#1eb7ca rgb(30,183,202)
```

Complementary Color

#ca1e61
```
#ca1e61 rgb(202,30,97)
```
#ca311e
```
#ca311e rgb(202,49,30)
```
#ca871e
```
#ca871e rgb(202,135,30)
```

Analogous Color

#1e61ca
```
#1e61ca rgb(30,97,202)
```
#ca311e
```
#ca311e rgb(202,49,30)
```
#1eca87
```
#1eca87 rgb(30,202,135)
```

Split Complementary Color

#311eca
```
#311eca rgb(49,30,202)
```
#ca311e
```
#ca311e rgb(202,49,30)
```
#1eca31
```
#1eca31 rgb(30,202,49)
```

Triadic Color

#ca1eb7
```
#ca1eb7 rgb(202,30,183)
```
#ca311e
```
#ca311e rgb(202,49,30)
```
#1eca31
```
#1eca31 rgb(30,202,49)
```
#1eb7ca
```
#1eb7ca rgb(30,183,202)
```

Tetradic Color

#872114
```
#872114 rgb(135,33,20)
```
#9e2617
```
#9e2617 rgb(158,38,23)
```
#b42c1b
```
#b42c1b rgb(180,44,27)
```
#ca311e
```
#ca311e rgb(202,49,30)
```
#de3823
```
#de3823 rgb(222,56,35)
```
#e24c39
```
#e24c39 rgb(226,76,57)
```
#e56050
```
#e56050 rgb(229,96,80)
```

Monochromatic Color

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

#ca1e36
```
#ca1e36 rgb(202,30,54)
```
#ca1e28
```
#ca1e28 rgb(202,30,40)
```
#ca231e
```
#ca231e rgb(202,35,30)
```
#ca311e
```
#ca311e rgb(202,49,30)
```
#ca3f1e
```
#ca3f1e rgb(202,63,30)
```
#ca4e1e
```
#ca4e1e rgb(202,78,30)
```
#ca5c1e
```
#ca5c1e rgb(202,92,30)
```

Similar Colors

Text with hexadecimal color #ca311e

This text has a font color of #ca311e.

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

#ca311e background color

This paragraph has a background color of #ca311e.

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

#ca311e border color

This element has a border color of #ca311e.

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

CSS codes

.text {color:#ca311e;}

.background {background-color:#ca311e;}

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

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

#0e0302
```
#0e0302 rgb(14,3,2)
```
#1f0805
```
#1f0805 rgb(31,8,5)
```
#300c07
```
#300c07 rgb(48,12,7)
```
#41100a
```
#41100a rgb(65,16,10)
```
#52140c
```
#52140c rgb(82,20,12)
```
#64180f
```
#64180f rgb(100,24,15)
```
#751c11
```
#751c11 rgb(117,28,17)
```
#862014
```
#862014 rgb(134,32,20)
```
#972516
```
#972516 rgb(151,37,22)
```
#a82919
```
#a82919 rgb(168,41,25)
```
#b92d1b
```
#b92d1b rgb(185,45,27)
```
#ca311e
```
#ca311e rgb(202,49,30)
```
#db3521
```
#db3521 rgb(219,53,33)
```

Shade Color Variation

#e0432f
```
#e0432f rgb(224,67,47)
```
#e35240
```
#e35240 rgb(227,82,64)
```
#e56251
```
#e56251 rgb(229,98,81)
```
#e87162
```
#e87162 rgb(232,113,98)
```
#ea8173
```
#ea8173 rgb(234,129,115)
```
#ed9085
```
#ed9085 rgb(237,144,133)
```
#ef9f96
```
#ef9f96 rgb(239,159,150)
```
#f2afa7
```
#f2afa7 rgb(242,175,167)
```
#f4beb8
```
#f4beb8 rgb(244,190,184)
```
#f7cec9
```
#f7cec9 rgb(247,206,201)
```
#f9ddda
```
#f9ddda rgb(249,221,218)
```
#fcedeb
```
#fcedeb rgb(252,237,235)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#7a706e
```
#7a706e rgb(122,112,110)
```
#836965
```
#836965 rgb(131,105,101)
```
#8c625c
```
#8c625c rgb(140,98,92)
```
#945b54
```
#945b54 rgb(148,91,84)
```
#9d544b
```
#9d544b rgb(157,84,75)
```
#a64d42
```
#a64d42 rgb(166,77,66)
```
#af4639
```
#af4639 rgb(175,70,57)
```
#b83f30
```
#b83f30 rgb(184,63,48)
```
#c13827
```
#c13827 rgb(193,56,39)
```
#ca311e
```
#ca311e rgb(202,49,30)
```
#d32a15
```
#d32a15 rgb(211,42,21)
```
#dc230c
```
#dc230c rgb(220,35,12)
```
#e51c03
```
#e51c03 rgb(229,28,3)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#735450 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7337 Protanopia 1% of men
#8f6d17 Deuteranopia 1% of men
#cd393b Tritanopia 0.001% of the population

Trichromacy

#9a5b2e Protanomaly 1% of men, 0.01% of women
#a55719 Deuteranomaly 6% of men, 0.4% of women
#cc3630 Tritanomaly 0.01% of the population

#ca311e hex color

#ca311e Color Information

#ca311e Color Conversion

Color Schemes with #ca311e

Alternatives to #ca311e

#ca311e Preview

Shades and Tints of #ca311e

Tones of #ca311e

Color Blindness Simulator