#ca281f hex color

In a RGB color space, hex #ca281f is composed of 79.2% red, 15.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.2% magenta, 84.7% yellow and 20.8% black. It has a hue angle of 3.2 degrees, a saturation of 73.4% and a lightness of 45.7%. #ca281f color hex could be obtained by blending #ff503e with #950000. Closest websafe color is: #cc3333.

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

● #ca281f color description : Strong red.

The hexadecimal color #ca281f has RGB values of R:202, G:40, B:31 and CMYK values of C:0, M:0.8, Y:0.85, K:0.21. Its decimal value is 13248543.

Hex triplet	ca281f	`#ca281f`
RGB Decimal	202, 40, 31	`rgb(202,40,31)`
RGB Percent	79.2, 15.7, 12.2	`rgb(79.2%,15.7%,12.2%)`
CMYK	0, 80, 85, 21
HSL	3.2°, 73.4, 45.7	`hsl(3.2,73.4%,45.7%)`
HSV (or HSB)	3.2°, 84.7, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.485, 61.199, 45.983
XYZ	25.365, 14.176, 2.697
xyY	0.601, 0.336, 14.176
CIE-LCH	44.485, 76.549, 36.92
CIE-LUV	44.485, 124.002, 28.971
Hunter-Lab	37.651, 54.36, 22.109
Binary	11001010, 00101000, 00011111

#ca281f
```
#ca281f rgb(202,40,31)
```
#1fc1ca
```
#1fc1ca rgb(31,193,202)
```

Complementary Color

#ca1f6c
```
#ca1f6c rgb(202,31,108)
```
#ca281f
```
#ca281f rgb(202,40,31)
```
#ca7e1f
```
#ca7e1f rgb(202,126,31)
```

Analogous Color

#1f6cca
```
#1f6cca rgb(31,108,202)
```
#ca281f
```
#ca281f rgb(202,40,31)
```
#1fca7e
```
#1fca7e rgb(31,202,126)
```

Split Complementary Color

#281fca
```
#281fca rgb(40,31,202)
```
#ca281f
```
#ca281f rgb(202,40,31)
```
#1fca28
```
#1fca28 rgb(31,202,40)
```

Triadic Color

#ca1fc1
```
#ca1fc1 rgb(202,31,193)
```
#ca281f
```
#ca281f rgb(202,40,31)
```
#1fca28
```
#1fca28 rgb(31,202,40)
```
#1fc1ca
```
#1fc1ca rgb(31,193,202)
```

Tetradic Color

#881b15
```
#881b15 rgb(136,27,21)
```
#9e1f18
```
#9e1f18 rgb(158,31,24)
```
#b4241c
```
#b4241c rgb(180,36,28)
```
#ca281f
```
#ca281f rgb(202,40,31)
```
#de2f25
```
#de2f25 rgb(222,47,37)
```
#e1443b
```
#e1443b rgb(225,68,59)
```
#e45951
```
#e45951 rgb(228,89,81)
```

Monochromatic Color

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

#ca1f41
```
#ca1f41 rgb(202,31,65)
```
#ca1f33
```
#ca1f33 rgb(202,31,51)
```
#ca1f24
```
#ca1f24 rgb(202,31,36)
```
#ca281f
```
#ca281f rgb(202,40,31)
```
#ca361f
```
#ca361f rgb(202,54,31)
```
#ca441f
```
#ca441f rgb(202,68,31)
```
#ca531f
```
#ca531f rgb(202,83,31)
```

Similar Colors

Text with hexadecimal color #ca281f

This text has a font color of #ca281f.

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

#ca281f background color

This paragraph has a background color of #ca281f.

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

#ca281f border color

This element has a border color of #ca281f.

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

CSS codes

.text {color:#ca281f;}

.background {background-color:#ca281f;}

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

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

#0f0302
```
#0f0302 rgb(15,3,2)
```
#200605
```
#200605 rgb(32,6,5)
```
#310a08
```
#310a08 rgb(49,10,8)
```
#420d0a
```
#420d0a rgb(66,13,10)
```
#53100d
```
#53100d rgb(83,16,13)
```
#64140f
```
#64140f rgb(100,20,15)
```
#751712
```
#751712 rgb(117,23,18)
```
#861b15
```
#861b15 rgb(134,27,21)
```
#971e17
```
#971e17 rgb(151,30,23)
```
#a8211a
```
#a8211a rgb(168,33,26)
```
#b9251c
```
#b9251c rgb(185,37,28)
```
#ca281f
```
#ca281f rgb(202,40,31)
```
#db2b22
```
#db2b22 rgb(219,43,34)
```

Shade Color Variation

#df3a31
```
#df3a31 rgb(223,58,49)
```
#e24a42
```
#e24a42 rgb(226,74,66)
```
#e55b53
```
#e55b53 rgb(229,91,83)
```
#e76b64
```
#e76b64 rgb(231,107,100)
```
#ea7b75
```
#ea7b75 rgb(234,123,117)
```
#ec8b86
```
#ec8b86 rgb(236,139,134)
```
#ef9c97
```
#ef9c97 rgb(239,156,151)
```
#f2aca8
```
#f2aca8 rgb(242,172,168)
```
#f4bcb9
```
#f4bcb9 rgb(244,188,185)
```
#f7ccca
```
#f7ccca rgb(247,204,202)
```
#f9dddb
```
#f9dddb rgb(249,221,219)
```
#fcedec
```
#fcedec rgb(252,237,236)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#797070
```
#797070 rgb(121,112,112)
```
#826867
```
#826867 rgb(130,104,103)
```
#8b605e
```
#8b605e rgb(139,96,94)
```
#945855
```
#945855 rgb(148,88,85)
```
#9d504c
```
#9d504c rgb(157,80,76)
```
#a64843
```
#a64843 rgb(166,72,67)
```
#af403a
```
#af403a rgb(175,64,58)
```
#b83831
```
#b83831 rgb(184,56,49)
```
#c13028
```
#c13028 rgb(193,48,40)
```
#ca281f
```
#ca281f rgb(202,40,31)
```
#d32016
```
#d32016 rgb(211,32,22)
```
#dc180d
```
#dc180d rgb(220,24,13)
```
#e51004
```
#e51004 rgb(229,16,4)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#6e4e4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7139 Protanopia 1% of men
#8d6b18 Deuteranopia 1% of men
#cc3232 Tritanopia 0.001% of the population

Trichromacy

#985630 Protanomaly 1% of men, 0.01% of women
#a3531a Deuteranomaly 6% of men, 0.4% of women
#cb2e2b Tritanomaly 0.01% of the population

#ca281f hex color

#ca281f Color Information

#ca281f Color Conversion

Color Schemes with #ca281f

Alternatives to #ca281f

#ca281f Preview

Shades and Tints of #ca281f

Tones of #ca281f

Color Blindness Simulator