#ca2f50 hex color

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

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

● #ca2f50 color description : Strong red.

The hexadecimal color #ca2f50 has RGB values of R:202, G:47, B:80 and CMYK values of C:0, M:0.77, Y:0.6, K:0.21. Its decimal value is 13250384.

Hex triplet	ca2f50	`#ca2f50`
RGB Decimal	202, 47, 80	`rgb(202,47,80)`
RGB Percent	79.2, 18.4, 31.4	`rgb(79.2%,18.4%,31.4%)`
CMYK	0, 77, 60, 21
HSL	347.2°, 62.2, 48.8	`hsl(347.2,62.2%,48.8%)`
HSV (or HSB)	347.2°, 76.7, 79.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	45.869, 61.287, 19.211
XYZ	26.823, 15.172, 9.105
xyY	0.525, 0.297, 15.172
CIE-LCH	45.869, 64.228, 17.404
CIE-LUV	45.869, 109.126, 9.756
Hunter-Lab	38.951, 54.755, 13.406
Binary	11001010, 00101111, 01010000

#ca2f50
```
#ca2f50 rgb(202,47,80)
```
#2fcaa9
```
#2fcaa9 rgb(47,202,169)
```

Complementary Color

#ca2f9e
```
#ca2f9e rgb(202,47,158)
```
#ca2f50
```
#ca2f50 rgb(202,47,80)
```
#ca5c2f
```
#ca5c2f rgb(202,92,47)
```

Analogous Color

#2f9eca
```
#2f9eca rgb(47,158,202)
```
#ca2f50
```
#ca2f50 rgb(202,47,80)
```
#2fca5c
```
#2fca5c rgb(47,202,92)
```

Split Complementary Color

#2f50ca
```
#2f50ca rgb(47,80,202)
```
#ca2f50
```
#ca2f50 rgb(202,47,80)
```
#50ca2f
```
#50ca2f rgb(80,202,47)
```

Triadic Color

#a92fca
```
#a92fca rgb(169,47,202)
```
#ca2f50
```
#ca2f50 rgb(202,47,80)
```
#50ca2f
```
#50ca2f rgb(80,202,47)
```
#2fcaa9
```
#2fcaa9 rgb(47,202,169)
```

Tetradic Color

#8c2137
```
#8c2137 rgb(140,33,55)
```
#a12540
```
#a12540 rgb(161,37,64)
```
#b52a48
```
#b52a48 rgb(181,42,72)
```
#ca2f50
```
#ca2f50 rgb(202,47,80)
```
#d3405f
```
#d3405f rgb(211,64,95)
```
#d75570
```
#d75570 rgb(215,85,112)
```
#dc6982
```
#dc6982 rgb(220,105,130)
```

Monochromatic Color

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

#ca2f77
```
#ca2f77 rgb(202,47,119)
```
#ca2f6a
```
#ca2f6a rgb(202,47,106)
```
#ca2f5d
```
#ca2f5d rgb(202,47,93)
```
#ca2f50
```
#ca2f50 rgb(202,47,80)
```
#ca2f43
```
#ca2f43 rgb(202,47,67)
```
#ca2f36
```
#ca2f36 rgb(202,47,54)
```
#ca352f
```
#ca352f rgb(202,53,47)
```

Similar Colors

Text with hexadecimal color #ca2f50

This text has a font color of #ca2f50.

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

#ca2f50 background color

This paragraph has a background color of #ca2f50.

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

#ca2f50 border color

This element has a border color of #ca2f50.

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

CSS codes

.text {color:#ca2f50;}

.background {background-color:#ca2f50;}

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

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

#0b0304
```
#0b0304 rgb(11,3,4)
```
#1b060b
```
#1b060b rgb(27,6,11)
```
#2b0a11
```
#2b0a11 rgb(43,10,17)
```
#3b0e17
```
#3b0e17 rgb(59,14,23)
```
#4b111e
```
#4b111e rgb(75,17,30)
```
#5b1524
```
#5b1524 rgb(91,21,36)
```
#6b192a
```
#6b192a rgb(107,25,42)
```
#7a1c30
```
#7a1c30 rgb(122,28,48)
```
#8a2037
```
#8a2037 rgb(138,32,55)
```
#9a243d
```
#9a243d rgb(154,36,61)
```
#aa2843
```
#aa2843 rgb(170,40,67)
```
#ba2b4a
```
#ba2b4a rgb(186,43,74)
```
#ca2f50
```
#ca2f50 rgb(202,47,80)
```

Shade Color Variation

#d13b5b
```
#d13b5b rgb(209,59,91)
```
#d54b68
```
#d54b68 rgb(213,75,104)
```
#d95b76
```
#d95b76 rgb(217,91,118)
```
#dd6b83
```
#dd6b83 rgb(221,107,131)
```
#e07b90
```
#e07b90 rgb(224,123,144)
```
#e48b9e
```
#e48b9e rgb(228,139,158)
```
#e89bab
```
#e89bab rgb(232,155,171)
```
#ebabb8
```
#ebabb8 rgb(235,171,184)
```
#efbac6
```
#efbac6 rgb(239,186,198)
```
#f3cad3
```
#f3cad3 rgb(243,202,211)
```
#f6dae0
```
#f6dae0 rgb(246,218,224)
```
#faeaee
```
#faeaee rgb(250,234,238)
```
#fefafb
```
#fefafb rgb(254,250,251)
```

Tint Color Variation

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

#7d7c7c
```
#7d7c7c rgb(125,124,124)
```
#877276
```
#877276 rgb(135,114,118)
```
#916871
```
#916871 rgb(145,104,113)
```
#9a5f6b
```
#9a5f6b rgb(154,95,107)
```
#a45566
```
#a45566 rgb(164,85,102)
```
#ad4c60
```
#ad4c60 rgb(173,76,96)
```
#b7425b
```
#b7425b rgb(183,66,91)
```
#c03955
```
#c03955 rgb(192,57,85)
```
#ca2f50
```
#ca2f50 rgb(202,47,80)
```
#d4254b
```
#d4254b rgb(212,37,75)
```
#dd1c45
```
#dd1c45 rgb(221,28,69)
```
#e71240
```
#e71240 rgb(231,18,64)
```
#f0093a
```
#f0093a rgb(240,9,58)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#76575e Atypical Achromatopsia 0.001% of the population

Dichromacy

#777370 Protanopia 1% of men
#8a6f4f Deuteranopia 1% of men
#cb3e41 Tritanopia 0.001% of the population

Trichromacy

#955a64 Protanomaly 1% of men, 0.01% of women
#a1584f Deuteranomaly 6% of men, 0.4% of women
#cb3946 Tritanomaly 0.01% of the population

#ca2f50 hex color

#ca2f50 Color Information

#ca2f50 Color Conversion

Color Schemes with #ca2f50

Alternatives to #ca2f50

#ca2f50 Preview

Shades and Tints of #ca2f50

Tones of #ca2f50

Color Blindness Simulator