#ca2f30 hex color

In a RGB color space, hex #ca2f30 is composed of 79.2% red, 18.4% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.7% magenta, 76.2% yellow and 20.8% black. It has a hue angle of 359.6 degrees, a saturation of 62.2% and a lightness of 48.8%. #ca2f30 color hex could be obtained by blending #ff5e60 with #950000. Closest websafe color is: #cc3333.

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

● #ca2f30 color description : Strong red.

The hexadecimal color #ca2f30 has RGB values of R:202, G:47, B:48 and CMYK values of C:0, M:0.77, Y:0.76, K:0.21. Its decimal value is 13250352.

Hex triplet	ca2f30	`#ca2f30`
RGB Decimal	202, 47, 48	`rgb(202,47,48)`
RGB Percent	79.2, 18.4, 18.8	`rgb(79.2%,18.4%,18.8%)`
CMYK	0, 77, 76, 21
HSL	359.6°, 62.2, 48.8	`hsl(359.6,62.2%,48.8%)`
HSV (or HSB)	359.6°, 76.7, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.368, 59.678, 37.752
XYZ	25.908, 14.806, 4.29
xyY	0.576, 0.329, 14.806
CIE-LCH	45.368, 70.616, 32.317
CIE-LUV	45.368, 117.614, 25.051
Hunter-Lab	38.479, 52.849, 20.325
Binary	11001010, 00101111, 00110000

#ca2f30
```
#ca2f30 rgb(202,47,48)
```
#2fcac9
```
#2fcac9 rgb(47,202,201)
```

Complementary Color

#ca2f7e
```
#ca2f7e rgb(202,47,126)
```
#ca2f30
```
#ca2f30 rgb(202,47,48)
```
#ca7c2f
```
#ca7c2f rgb(202,124,47)
```

Analogous Color

#2f7eca
```
#2f7eca rgb(47,126,202)
```
#ca2f30
```
#ca2f30 rgb(202,47,48)
```
#2fca7c
```
#2fca7c rgb(47,202,124)
```

Split Complementary Color

#2f30ca
```
#2f30ca rgb(47,48,202)
```
#ca2f30
```
#ca2f30 rgb(202,47,48)
```
#30ca2f
```
#30ca2f rgb(48,202,47)
```

Triadic Color

#c92fca
```
#c92fca rgb(201,47,202)
```
#ca2f30
```
#ca2f30 rgb(202,47,48)
```
#30ca2f
```
#30ca2f rgb(48,202,47)
```
#2fcac9
```
#2fcac9 rgb(47,202,201)
```

Tetradic Color

#8c2121
```
#8c2121 rgb(140,33,33)
```
#a12526
```
#a12526 rgb(161,37,38)
```
#b52a2b
```
#b52a2b rgb(181,42,43)
```
#ca2f30
```
#ca2f30 rgb(202,47,48)
```
#d34041
```
#d34041 rgb(211,64,65)
```
#d75555
```
#d75555 rgb(215,85,85)
```
#dc696a
```
#dc696a rgb(220,105,106)
```

Monochromatic Color

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

#ca2f57
```
#ca2f57 rgb(202,47,87)
```
#ca2f4a
```
#ca2f4a rgb(202,47,74)
```
#ca2f3d
```
#ca2f3d rgb(202,47,61)
```
#ca2f30
```
#ca2f30 rgb(202,47,48)
```
#ca3b2f
```
#ca3b2f rgb(202,59,47)
```
#ca482f
```
#ca482f rgb(202,72,47)
```
#ca552f
```
#ca552f rgb(202,85,47)
```

Similar Colors

Text with hexadecimal color #ca2f30

This text has a font color of #ca2f30.

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

#ca2f30 background color

This paragraph has a background color of #ca2f30.

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

#ca2f30 border color

This element has a border color of #ca2f30.

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

CSS codes

.text {color:#ca2f30;}

.background {background-color:#ca2f30;}

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

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

#0b0303
```
#0b0303 rgb(11,3,3)
```
#1b0606
```
#1b0606 rgb(27,6,6)
```
#2b0a0a
```
#2b0a0a rgb(43,10,10)
```
#3b0e0e
```
#3b0e0e rgb(59,14,14)
```
#4b1112
```
#4b1112 rgb(75,17,18)
```
#5b1516
```
#5b1516 rgb(91,21,22)
```
#6b1919
```
#6b1919 rgb(107,25,25)
```
#7a1c1d
```
#7a1c1d rgb(122,28,29)
```
#8a2021
```
#8a2021 rgb(138,32,33)
```
#9a2425
```
#9a2425 rgb(154,36,37)
```
#aa2828
```
#aa2828 rgb(170,40,40)
```
#ba2b2c
```
#ba2b2c rgb(186,43,44)
```
#ca2f30
```
#ca2f30 rgb(202,47,48)
```

Shade Color Variation

#d13b3c
```
#d13b3c rgb(209,59,60)
```
#d54b4c
```
#d54b4c rgb(213,75,76)
```
#d95b5c
```
#d95b5c rgb(217,91,92)
```
#dd6b6c
```
#dd6b6c rgb(221,107,108)
```
#e07b7b
```
#e07b7b rgb(224,123,123)
```
#e48b8b
```
#e48b8b rgb(228,139,139)
```
#e89b9b
```
#e89b9b rgb(232,155,155)
```
#ebabab
```
#ebabab rgb(235,171,171)
```
#efbabb
```
#efbabb rgb(239,186,187)
```
#f3cacb
```
#f3cacb rgb(243,202,203)
```
#f6dada
```
#f6dada rgb(246,218,218)
```
#faeaea
```
#faeaea rgb(250,234,234)
```
#fefafa
```
#fefafa rgb(254,250,250)
```

Tint Color Variation

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

#7d7c7c
```
#7d7c7c rgb(125,124,124)
```
#877272
```
#877272 rgb(135,114,114)
```
#916869
```
#916869 rgb(145,104,105)
```
#9a5f5f
```
#9a5f5f rgb(154,95,95)
```
#a45556
```
#a45556 rgb(164,85,86)
```
#ad4c4c
```
#ad4c4c rgb(173,76,76)
```
#b74243
```
#b74243 rgb(183,66,67)
```
#c03939
```
#c03939 rgb(192,57,57)
```
#ca2f30
```
#ca2f30 rgb(202,47,48)
```
#d42527
```
#d42527 rgb(212,37,39)
```
#dd1c1d
```
#dd1c1d rgb(221,28,29)
```
#e71214
```
#e71214 rgb(231,18,20)
```
#f0090a
```
#f0090a rgb(240,9,10)
```

Tone Color Variation

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

Dichromacy

#7c734b Protanopia 1% of men
#8e6d2f Deuteranopia 1% of men
#cc393b Tritanopia 0.001% of the population

Trichromacy

#985a41 Protanomaly 1% of men, 0.01% of women
#a3562f Deuteranomaly 6% of men, 0.4% of women
#cb3537 Tritanomaly 0.01% of the population

#ca2f30 hex color

#ca2f30 Color Information

#ca2f30 Color Conversion

Color Schemes with #ca2f30

Alternatives to #ca2f30

#ca2f30 Preview

Shades and Tints of #ca2f30

Tones of #ca2f30

Color Blindness Simulator