#ca0f36 hex color

In a RGB color space, hex #ca0f36 is composed of 79.2% red, 5.9% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.6% magenta, 73.3% yellow and 20.8% black. It has a hue angle of 347.5 degrees, a saturation of 86.2% and a lightness of 42.5%. #ca0f36 color hex could be obtained by blending #ff1e6c with #950000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 79
- G 6
- B 21
RGB color chart
- C 0
- M 93
- Y 73
- K 21
CMYK color chart

● #ca0f36 color description : Strong red.

The hexadecimal color #ca0f36 has RGB values of R:202, G:15, B:54 and CMYK values of C:0, M:0.93, Y:0.73, K:0.21. Its decimal value is 13242166.

Hex triplet	ca0f36	`#ca0f36`
RGB Decimal	202, 15, 54	`rgb(202,15,54)`
RGB Percent	79.2, 5.9, 21.2	`rgb(79.2%,5.9%,21.2%)`
CMYK	0, 93, 73, 21
HSL	347.5°, 86.2, 42.5	`hsl(347.5,86.2%,42.5%)`
HSV (or HSB)	347.5°, 92.6, 79.2
Web Safe	cc0033	`#cc0033`

CIE-LAB	43.015, 66.815, 31.568
XYZ	25.195, 13.168, 4.705
xyY	0.585, 0.306, 13.168
CIE-LCH	43.015, 73.897, 25.289
CIE-LUV	43.015, 127.331, 17.935
Hunter-Lab	36.287, 60.433, 17.714
Binary	11001010, 00001111, 00110110

#ca0f36
```
#ca0f36 rgb(202,15,54)
```
#0fcaa3
```
#0fcaa3 rgb(15,202,163)
```

Complementary Color

#ca0f94
```
#ca0f94 rgb(202,15,148)
```
#ca0f36
```
#ca0f36 rgb(202,15,54)
```
#ca460f
```
#ca460f rgb(202,70,15)
```

Analogous Color

#0f94ca
```
#0f94ca rgb(15,148,202)
```
#ca0f36
```
#ca0f36 rgb(202,15,54)
```
#0fca46
```
#0fca46 rgb(15,202,70)
```

Split Complementary Color

#0f36ca
```
#0f36ca rgb(15,54,202)
```
#ca0f36
```
#ca0f36 rgb(202,15,54)
```
#36ca0f
```
#36ca0f rgb(54,202,15)
```

Triadic Color

#a30fca
```
#a30fca rgb(163,15,202)
```
#ca0f36
```
#ca0f36 rgb(202,15,54)
```
#36ca0f
```
#36ca0f rgb(54,202,15)
```
#0fcaa3
```
#0fcaa3 rgb(15,202,163)
```

Tetradic Color

#830a23
```
#830a23 rgb(131,10,35)
```
#9b0b29
```
#9b0b29 rgb(155,11,41)
```
#b20d30
```
#b20d30 rgb(178,13,48)
```
#ca0f36
```
#ca0f36 rgb(202,15,54)
```
#e2113c
```
#e2113c rgb(226,17,60)
```
#ee1e49
```
#ee1e49 rgb(238,30,73)
```
#f0355c
```
#f0355c rgb(240,53,92)
```

Monochromatic Color

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

#ca0f65
```
#ca0f65 rgb(202,15,101)
```
#ca0f55
```
#ca0f55 rgb(202,15,85)
```
#ca0f46
```
#ca0f46 rgb(202,15,70)
```
#ca0f36
```
#ca0f36 rgb(202,15,54)
```
#ca0f26
```
#ca0f26 rgb(202,15,38)
```
#ca0f17
```
#ca0f17 rgb(202,15,23)
```
#ca170f
```
#ca170f rgb(202,23,15)
```

Similar Colors

Text with hexadecimal color #ca0f36

This text has a font color of #ca0f36.

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

#ca0f36 background color

This paragraph has a background color of #ca0f36.

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

#ca0f36 border color

This element has a border color of #ca0f36.

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

CSS codes

.text {color:#ca0f36;}

.background {background-color:#ca0f36;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130105
```
#130105 rgb(19,1,5)
```
#26030a
```
#26030a rgb(38,3,10)
```
#38040f
```
#38040f rgb(56,4,15)
```
#4a0614
```
#4a0614 rgb(74,6,20)
```
#5c0719
```
#5c0719 rgb(92,7,25)
```
#6f081e
```
#6f081e rgb(111,8,30)
```
#810a22
```
#810a22 rgb(129,10,34)
```
#930b27
```
#930b27 rgb(147,11,39)
```
#a50c2c
```
#a50c2c rgb(165,12,44)
```
#b80e31
```
#b80e31 rgb(184,14,49)
```
#ca0f36
```
#ca0f36 rgb(202,15,54)
```
#dc103b
```
#dc103b rgb(220,16,59)
```

Shade Color Variation

#ed1340
```
#ed1340 rgb(237,19,64)
```
#ef254f
```
#ef254f rgb(239,37,79)
```
#f0375e
```
#f0375e rgb(240,55,94)
```
#f24a6d
```
#f24a6d rgb(242,74,109)
```
#f35c7b
```
#f35c7b rgb(243,92,123)
```
#f46e8a
```
#f46e8a rgb(244,110,138)
```
#f68099
```
#f68099 rgb(246,128,153)
```
#f793a8
```
#f793a8 rgb(247,147,168)
```
#f8a5b6
```
#f8a5b6 rgb(248,165,182)
```
#fab7c5
```
#fab7c5 rgb(250,183,197)
```
#fbc9d4
```
#fbc9d4 rgb(251,201,212)
```
#fcdce2
```
#fcdce2 rgb(252,220,226)
```
#feeef1
```
#feeef1 rgb(254,238,241)
```

Tint Color Variation

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

#6e6b6c
```
#6e6b6c rgb(110,107,108)
```
#776267
```
#776267 rgb(119,98,103)
```
#7f5a62
```
#7f5a62 rgb(127,90,98)
```
#87525d
```
#87525d rgb(135,82,93)
```
#904958
```
#904958 rgb(144,73,88)
```
#984153
```
#984153 rgb(152,65,83)
```
#a0394e
```
#a0394e rgb(160,57,78)
```
#a93049
```
#a93049 rgb(169,48,73)
```
#b12845
```
#b12845 rgb(177,40,69)
```
#b92040
```
#b92040 rgb(185,32,64)
```
#c2173b
```
#c2173b rgb(194,23,59)
```
#ca0f36
```
#ca0f36 rgb(202,15,54)
```
#d20731
```
#d20731 rgb(210,7,49)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#643f47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746d57 Protanopia 1% of men
#866834 Deuteranopia 1% of men
#cc2421 Tritanopia 0.001% of the population

Trichromacy

#934b4b Protanomaly 1% of men, 0.01% of women
#9f4834 Deuteranomaly 6% of men, 0.4% of women
#cb1c29 Tritanomaly 0.01% of the population

#ca0f36 hex color

#ca0f36 Color Information

#ca0f36 Color Conversion

Color Schemes with #ca0f36

Alternatives to #ca0f36

#ca0f36 Preview

Shades and Tints of #ca0f36

Tones of #ca0f36

Color Blindness Simulator