#ca2f26 hex color

In a RGB color space, hex #ca2f26 is composed of 79.2% red, 18.4% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.7% magenta, 81.2% yellow and 20.8% black. It has a hue angle of 3.3 degrees, a saturation of 68.3% and a lightness of 47.1%. #ca2f26 color hex could be obtained by blending #ff5e4c with #950000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 79
- G 18
- B 15
RGB color chart
- C 0
- M 77
- Y 81
- K 21
CMYK color chart

● #ca2f26 color description : Strong red.

The hexadecimal color #ca2f26 has RGB values of R:202, G:47, B:38 and CMYK values of C:0, M:0.77, Y:0.81, K:0.21. Its decimal value is 13250342.

Hex triplet	ca2f26	`#ca2f26`
RGB Decimal	202, 47, 38	`rgb(202,47,38)`
RGB Percent	79.2, 18.4, 14.9	`rgb(79.2%,18.4%,14.9%)`
CMYK	0, 77, 81, 21
HSL	3.3°, 68.3, 47.1	`hsl(3.3,68.3%,47.1%)`
HSV (or HSB)	3.3°, 81.2, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.266, 59.349, 43.131
XYZ	25.725, 14.733, 3.323
xyY	0.588, 0.337, 14.733
CIE-LCH	45.266, 73.366, 36.007
CIE-LUV	45.266, 119.48, 28.382
Hunter-Lab	38.383, 52.462, 21.736
Binary	11001010, 00101111, 00100110

#ca2f26
```
#ca2f26 rgb(202,47,38)
```
#26c1ca
```
#26c1ca rgb(38,193,202)
```

Complementary Color

#ca266f
```
#ca266f rgb(202,38,111)
```
#ca2f26
```
#ca2f26 rgb(202,47,38)
```
#ca8126
```
#ca8126 rgb(202,129,38)
```

Analogous Color

#266fca
```
#266fca rgb(38,111,202)
```
#ca2f26
```
#ca2f26 rgb(202,47,38)
```
#26ca81
```
#26ca81 rgb(38,202,129)
```

Split Complementary Color

#2f26ca
```
#2f26ca rgb(47,38,202)
```
#ca2f26
```
#ca2f26 rgb(202,47,38)
```
#26ca2f
```
#26ca2f rgb(38,202,47)
```

Triadic Color

#ca26c1
```
#ca26c1 rgb(202,38,193)
```
#ca2f26
```
#ca2f26 rgb(202,47,38)
```
#26ca2f
```
#26ca2f rgb(38,202,47)
```
#26c1ca
```
#26c1ca rgb(38,193,202)
```

Tetradic Color

#8a201a
```
#8a201a rgb(138,32,26)
```
#9f251e
```
#9f251e rgb(159,37,30)
```
#b52a22
```
#b52a22 rgb(181,42,34)
```
#ca2f26
```
#ca2f26 rgb(202,47,38)
```
#d83a31
```
#d83a31 rgb(216,58,49)
```
#dc4f47
```
#dc4f47 rgb(220,79,71)
```
#e0635c
```
#e0635c rgb(224,99,92)
```

Monochromatic Color

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

#ca2646
```
#ca2646 rgb(202,38,70)
```
#ca2638
```
#ca2638 rgb(202,38,56)
```
#ca262b
```
#ca262b rgb(202,38,43)
```
#ca2f26
```
#ca2f26 rgb(202,47,38)
```
#ca3d26
```
#ca3d26 rgb(202,61,38)
```
#ca4a26
```
#ca4a26 rgb(202,74,38)
```
#ca5826
```
#ca5826 rgb(202,88,38)
```

Similar Colors

Text with hexadecimal color #ca2f26

This text has a font color of #ca2f26.

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

#ca2f26 background color

This paragraph has a background color of #ca2f26.

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

#ca2f26 border color

This element has a border color of #ca2f26.

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

CSS codes

.text {color:#ca2f26;}

.background {background-color:#ca2f26;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#140504
```
#140504 rgb(20,5,4)
```
#250907
```
#250907 rgb(37,9,7)
```
#350c0a
```
#350c0a rgb(53,12,10)
```
#46100d
```
#46100d rgb(70,16,13)
```
#561410
```
#561410 rgb(86,20,16)
```
#671813
```
#671813 rgb(103,24,19)
```
#771c16
```
#771c16 rgb(119,28,22)
```
#88201a
```
#88201a rgb(136,32,26)
```
#98231d
```
#98231d rgb(152,35,29)
```
#a92720
```
#a92720 rgb(169,39,32)
```
#b92b23
```
#b92b23 rgb(185,43,35)
```
#ca2f26
```
#ca2f26 rgb(202,47,38)
```

Shade Color Variation

#d7362c
```
#d7362c rgb(215,54,44)
```
#da453d
```
#da453d rgb(218,69,61)
```
#de554d
```
#de554d rgb(222,85,77)
```
#e1655e
```
#e1655e rgb(225,101,94)
```
#e4756e
```
#e4756e rgb(228,117,110)
```
#e7857f
```
#e7857f rgb(231,133,127)
```
#ea948f
```
#ea948f rgb(234,148,143)
```
#eda4a0
```
#eda4a0 rgb(237,164,160)
```
#f0b4b0
```
#f0b4b0 rgb(240,180,176)
```
#f3c4c1
```
#f3c4c1 rgb(243,196,193)
```
#f6d3d1
```
#f6d3d1 rgb(246,211,209)
```
#fae3e2
```
#fae3e2 rgb(250,227,226)
```
#fdf3f2
```
#fdf3f2 rgb(253,243,242)
```

Tint Color Variation

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

#807170
```
#807170 rgb(128,113,112)
```
#896967
```
#896967 rgb(137,105,103)
```
#93605d
```
#93605d rgb(147,96,93)
```
#9c5854
```
#9c5854 rgb(156,88,84)
```
#a5504b
```
#a5504b rgb(165,80,75)
```
#ae4842
```
#ae4842 rgb(174,72,66)
```
#b83f38
```
#b83f38 rgb(184,63,56)
```
#c1372f
```
#c1372f rgb(193,55,47)
```
#ca2f26
```
#ca2f26 rgb(202,47,38)
```
#d3271d
```
#d3271d rgb(211,39,29)
```
#dc1f14
```
#dc1f14 rgb(220,31,20)
```
#e6160a
```
#e6160a rgb(230,22,10)
```
#ef0e01
```
#ef0e01 rgb(239,14,1)
```

Tone Color Variation

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

Dichromacy

#7d7240 Protanopia 1% of men
#8e6d23 Deuteranopia 1% of men
#cd383a Tritanopia 0.001% of the population

Trichromacy

#995a36 Protanomaly 1% of men, 0.01% of women
#a45624 Deuteranomaly 6% of men, 0.4% of women
#cb3532 Tritanomaly 0.01% of the population

#ca2f26 hex color

#ca2f26 Color Information

#ca2f26 Color Conversion

Color Schemes with #ca2f26

Alternatives to #ca2f26

#ca2f26 Preview

Shades and Tints of #ca2f26

Tones of #ca2f26

Color Blindness Simulator