#ca313a hex color

In a RGB color space, hex #ca313a is composed of 79.2% red, 19.2% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.7% magenta, 71.3% yellow and 20.8% black. It has a hue angle of 356.5 degrees, a saturation of 61% and a lightness of 49.2%. #ca313a color hex could be obtained by blending #ff6274 with #950000. Closest websafe color is: #cc3333.

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

● #ca313a color description : Strong red.

The hexadecimal color #ca313a has RGB values of R:202, G:49, B:58 and CMYK values of C:0, M:0.76, Y:0.71, K:0.21. Its decimal value is 13250874.

Hex triplet	ca313a	`#ca313a`
RGB Decimal	202, 49, 58	`rgb(202,49,58)`
RGB Percent	79.2, 19.2, 22.7	`rgb(79.2%,19.2%,22.7%)`
CMYK	0, 76, 71, 21
HSL	356.5°, 61, 49.2	`hsl(356.5,61%,49.2%)`
HSV (or HSB)	356.5°, 75.7, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.719, 59.46, 32.349
XYZ	26.22, 15.062, 5.529
xyY	0.56, 0.322, 15.062
CIE-LCH	45.719, 67.69, 28.548
CIE-LUV	45.719, 114.374, 21.448
Hunter-Lab	38.81, 52.681, 18.719
Binary	11001010, 00110001, 00111010

#ca313a
```
#ca313a rgb(202,49,58)
```
#31cac1
```
#31cac1 rgb(49,202,193)
```

Complementary Color

#ca3187
```
#ca3187 rgb(202,49,135)
```
#ca313a
```
#ca313a rgb(202,49,58)
```
#ca7531
```
#ca7531 rgb(202,117,49)
```

Analogous Color

#3187ca
```
#3187ca rgb(49,135,202)
```
#ca313a
```
#ca313a rgb(202,49,58)
```
#31ca75
```
#31ca75 rgb(49,202,117)
```

Split Complementary Color

#313aca
```
#313aca rgb(49,58,202)
```
#ca313a
```
#ca313a rgb(202,49,58)
```
#3aca31
```
#3aca31 rgb(58,202,49)
```

Triadic Color

#c131ca
```
#c131ca rgb(193,49,202)
```
#ca313a
```
#ca313a rgb(202,49,58)
```
#3aca31
```
#3aca31 rgb(58,202,49)
```
#31cac1
```
#31cac1 rgb(49,202,193)
```

Tetradic Color

#8c2228
```
#8c2228 rgb(140,34,40)
```
#a1272e
```
#a1272e rgb(161,39,46)
```
#b52c34
```
#b52c34 rgb(181,44,52)
```
#ca313a
```
#ca313a rgb(202,49,58)
```
#d1434b
```
#d1434b rgb(209,67,75)
```
#d6585f
```
#d6585f rgb(214,88,95)
```
#db6c73
```
#db6c73 rgb(219,108,115)
```

Monochromatic Color

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

#ca3160
```
#ca3160 rgb(202,49,96)
```
#ca3154
```
#ca3154 rgb(202,49,84)
```
#ca3147
```
#ca3147 rgb(202,49,71)
```
#ca313a
```
#ca313a rgb(202,49,58)
```
#ca3531
```
#ca3531 rgb(202,53,49)
```
#ca4231
```
#ca4231 rgb(202,66,49)
```
#ca4e31
```
#ca4e31 rgb(202,78,49)
```

Similar Colors

Text with hexadecimal color #ca313a

This text has a font color of #ca313a.

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

#ca313a background color

This paragraph has a background color of #ca313a.

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

#ca313a border color

This element has a border color of #ca313a.

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

CSS codes

.text {color:#ca313a;}

.background {background-color:#ca313a;}

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

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

#0d0304
```
#0d0304 rgb(13,3,4)
```
#1c0708
```
#1c0708 rgb(28,7,8)
```
#2c0b0d
```
#2c0b0d rgb(44,11,13)
```
#3c0f11
```
#3c0f11 rgb(60,15,17)
```
#4c1216
```
#4c1216 rgb(76,18,22)
```
#5b161a
```
#5b161a rgb(91,22,26)
```
#6b1a1f
```
#6b1a1f rgb(107,26,31)
```
#7b1e23
```
#7b1e23 rgb(123,30,35)
```
#8b2228
```
#8b2228 rgb(139,34,40)
```
#9b262c
```
#9b262c rgb(155,38,44)
```
#aa2931
```
#aa2931 rgb(170,41,49)
```
#ba2d35
```
#ba2d35 rgb(186,45,53)
```
#ca313a
```
#ca313a rgb(202,49,58)
```

Shade Color Variation

#d03e47
```
#d03e47 rgb(208,62,71)
```
#d44e56
```
#d44e56 rgb(212,78,86)
```
#d85e65
```
#d85e65 rgb(216,94,101)
```
#dc6e74
```
#dc6e74 rgb(220,110,116)
```
#e07d83
```
#e07d83 rgb(224,125,131)
```
#e38d92
```
#e38d92 rgb(227,141,146)
```
#e79da1
```
#e79da1 rgb(231,157,161)
```
#ebadb1
```
#ebadb1 rgb(235,173,177)
```
#efbdc0
```
#efbdc0 rgb(239,189,192)
```
#f3cccf
```
#f3cccf rgb(243,204,207)
```
#f7dcde
```
#f7dcde rgb(247,220,222)
```
#faeced
```
#faeced rgb(250,236,237)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#867576
```
#867576 rgb(134,117,118)
```
#906b6d
```
#906b6d rgb(144,107,109)
```
#9a6165
```
#9a6165 rgb(154,97,101)
```
#a3585c
```
#a3585c rgb(163,88,92)
```
#ad4e54
```
#ad4e54 rgb(173,78,84)
```
#b7444b
```
#b7444b rgb(183,68,75)
```
#c03b43
```
#c03b43 rgb(192,59,67)
```
#ca313a
```
#ca313a rgb(202,49,58)
```
#d42731
```
#d42731 rgb(212,39,49)
```
#dd1e29
```
#dd1e29 rgb(221,30,41)
```
#e71420
```
#e71420 rgb(231,20,32)
```
#f10a18
```
#f10a18 rgb(241,10,24)
```
#fa010f
```
#fa010f rgb(250,1,15)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#755758 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7356 Protanopia 1% of men
#8d6e39 Deuteranopia 1% of men
#cc3c3e Tritanopia 0.001% of the population

Trichromacy

#985b4c Protanomaly 1% of men, 0.01% of women
#a35839 Deuteranomaly 6% of men, 0.4% of women
#cb383d Tritanomaly 0.01% of the population

#ca313a hex color

#ca313a Color Information

#ca313a Color Conversion

Color Schemes with #ca313a

Alternatives to #ca313a

#ca313a Preview

Shades and Tints of #ca313a

Tones of #ca313a

Color Blindness Simulator