#ca2f3e hex color

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

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

● #ca2f3e color description : Strong red.

The hexadecimal color #ca2f3e has RGB values of R:202, G:47, B:62 and CMYK values of C:0, M:0.77, Y:0.69, K:0.21. Its decimal value is 13250366.

Hex triplet	ca2f3e	`#ca2f3e`
RGB Decimal	202, 47, 62	`rgb(202,47,62)`
RGB Percent	79.2, 18.4, 24.3	`rgb(79.2%,18.4%,24.3%)`
CMYK	0, 77, 69, 21
HSL	354.2°, 62.2, 48.8	`hsl(354.2,62.2%,48.8%)`
HSV (or HSB)	354.2°, 76.7, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.553, 60.276, 29.769
XYZ	26.244, 14.941, 6.059
xyY	0.556, 0.316, 14.941
CIE-LCH	45.553, 67.226, 26.284
CIE-LUV	45.553, 114.347, 19.192
Hunter-Lab	38.653, 53.554, 17.763
Binary	11001010, 00101111, 00111110

#ca2f3e
```
#ca2f3e rgb(202,47,62)
```
#2fcabb
```
#2fcabb rgb(47,202,187)
```

Complementary Color

#ca2f8c
```
#ca2f8c rgb(202,47,140)
```
#ca2f3e
```
#ca2f3e rgb(202,47,62)
```
#ca6e2f
```
#ca6e2f rgb(202,110,47)
```

Analogous Color

#2f8cca
```
#2f8cca rgb(47,140,202)
```
#ca2f3e
```
#ca2f3e rgb(202,47,62)
```
#2fca6e
```
#2fca6e rgb(47,202,110)
```

Split Complementary Color

#2f3eca
```
#2f3eca rgb(47,62,202)
```
#ca2f3e
```
#ca2f3e rgb(202,47,62)
```
#3eca2f
```
#3eca2f rgb(62,202,47)
```

Triadic Color

#bb2fca
```
#bb2fca rgb(187,47,202)
```
#ca2f3e
```
#ca2f3e rgb(202,47,62)
```
#3eca2f
```
#3eca2f rgb(62,202,47)
```
#2fcabb
```
#2fcabb rgb(47,202,187)
```

Tetradic Color

#8c212b
```
#8c212b rgb(140,33,43)
```
#a12531
```
#a12531 rgb(161,37,49)
```
#b52a38
```
#b52a38 rgb(181,42,56)
```
#ca2f3e
```
#ca2f3e rgb(202,47,62)
```
#d3404e
```
#d3404e rgb(211,64,78)
```
#d75561
```
#d75561 rgb(215,85,97)
```
#dc6974
```
#dc6974 rgb(220,105,116)
```

Monochromatic Color

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

#ca2f65
```
#ca2f65 rgb(202,47,101)
```
#ca2f58
```
#ca2f58 rgb(202,47,88)
```
#ca2f4b
```
#ca2f4b rgb(202,47,75)
```
#ca2f3e
```
#ca2f3e rgb(202,47,62)
```
#ca2f31
```
#ca2f31 rgb(202,47,49)
```
#ca3a2f
```
#ca3a2f rgb(202,58,47)
```
#ca472f
```
#ca472f rgb(202,71,47)
```

Similar Colors

Text with hexadecimal color #ca2f3e

This text has a font color of #ca2f3e.

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

#ca2f3e background color

This paragraph has a background color of #ca2f3e.

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

#ca2f3e border color

This element has a border color of #ca2f3e.

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

CSS codes

.text {color:#ca2f3e;}

.background {background-color:#ca2f3e;}

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

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)
```
#1b0608
```
#1b0608 rgb(27,6,8)
```
#2b0a0d
```
#2b0a0d rgb(43,10,13)
```
#3b0e12
```
#3b0e12 rgb(59,14,18)
```
#4b1117
```
#4b1117 rgb(75,17,23)
```
#5b151c
```
#5b151c rgb(91,21,28)
```
#6b1921
```
#6b1921 rgb(107,25,33)
```
#7a1c26
```
#7a1c26 rgb(122,28,38)
```
#8a202a
```
#8a202a rgb(138,32,42)
```
#9a242f
```
#9a242f rgb(154,36,47)
```
#aa2834
```
#aa2834 rgb(170,40,52)
```
#ba2b39
```
#ba2b39 rgb(186,43,57)
```
#ca2f3e
```
#ca2f3e rgb(202,47,62)
```

Shade Color Variation

#d13b4a
```
#d13b4a rgb(209,59,74)
```
#d54b58
```
#d54b58 rgb(213,75,88)
```
#d95b67
```
#d95b67 rgb(217,91,103)
```
#dd6b76
```
#dd6b76 rgb(221,107,118)
```
#e07b85
```
#e07b85 rgb(224,123,133)
```
#e48b93
```
#e48b93 rgb(228,139,147)
```
#e89ba2
```
#e89ba2 rgb(232,155,162)
```
#ebabb1
```
#ebabb1 rgb(235,171,177)
```
#efbac0
```
#efbac0 rgb(239,186,192)
```
#f3cace
```
#f3cace rgb(243,202,206)
```
#f6dadd
```
#f6dadd rgb(246,218,221)
```
#faeaec
```
#faeaec rgb(250,234,236)
```
#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 #f0091f is the most saturated one.

#7d7c7c
```
#7d7c7c rgb(125,124,124)
```
#877274
```
#877274 rgb(135,114,116)
```
#91686c
```
#91686c rgb(145,104,108)
```
#9a5f65
```
#9a5f65 rgb(154,95,101)
```
#a4555d
```
#a4555d rgb(164,85,93)
```
#ad4c55
```
#ad4c55 rgb(173,76,85)
```
#b7424d
```
#b7424d rgb(183,66,77)
```
#c03946
```
#c03946 rgb(192,57,70)
```
#ca2f3e
```
#ca2f3e rgb(202,47,62)
```
#d42536
```
#d42536 rgb(212,37,54)
```
#dd1c2f
```
#dd1c2f rgb(221,28,47)
```
#e71227
```
#e71227 rgb(231,18,39)
```
#f0091f
```
#f0091f rgb(240,9,31)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#745558 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a735b Protanopia 1% of men
#8c6e3d Deuteranopia 1% of men
#cc3b3d Tritanopia 0.001% of the population

Trichromacy

#975a50 Protanomaly 1% of men, 0.01% of women
#a3573d Deuteranomaly 6% of men, 0.4% of women
#cb373d Tritanomaly 0.01% of the population

#ca2f3e hex color

#ca2f3e Color Information

#ca2f3e Color Conversion

Color Schemes with #ca2f3e

Alternatives to #ca2f3e

#ca2f3e Preview

Shades and Tints of #ca2f3e

Tones of #ca2f3e

Color Blindness Simulator