#ca2d3d hex color

In a RGB color space, hex #ca2d3d is composed of 79.2% red, 17.6% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.7% magenta, 69.8% yellow and 20.8% black. It has a hue angle of 353.9 degrees, a saturation of 63.6% and a lightness of 48.4%. #ca2d3d color hex could be obtained by blending #ff5a7a with #950000. Closest websafe color is: #cc3333.

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

● #ca2d3d color description : Strong red.

The hexadecimal color #ca2d3d has RGB values of R:202, G:45, B:61 and CMYK values of C:0, M:0.78, Y:0.7, K:0.21. Its decimal value is 13249853.

Hex triplet	ca2d3d	`#ca2d3d`
RGB Decimal	202, 45, 61	`rgb(202,45,61)`
RGB Percent	79.2, 17.6, 23.9	`rgb(79.2%,17.6%,23.9%)`
CMYK	0, 78, 70, 21
HSL	353.9°, 63.6, 48.4	`hsl(353.9,63.6%,48.4%)`
HSV (or HSB)	353.9°, 77.7, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.322, 60.832, 30.089
XYZ	26.139, 14.773, 5.89
xyY	0.558, 0.316, 14.773
CIE-LCH	45.322, 67.867, 26.318
CIE-LUV	45.322, 115.542, 19.224
Hunter-Lab	38.436, 54.128, 17.82
Binary	11001010, 00101101, 00111101

#ca2d3d
```
#ca2d3d rgb(202,45,61)
```
#2dcaba
```
#2dcaba rgb(45,202,186)
```

Complementary Color

#ca2d8c
```
#ca2d8c rgb(202,45,140)
```
#ca2d3d
```
#ca2d3d rgb(202,45,61)
```
#ca6c2d
```
#ca6c2d rgb(202,108,45)
```

Analogous Color

#2d8cca
```
#2d8cca rgb(45,140,202)
```
#ca2d3d
```
#ca2d3d rgb(202,45,61)
```
#2dca6c
```
#2dca6c rgb(45,202,108)
```

Split Complementary Color

#2d3dca
```
#2d3dca rgb(45,61,202)
```
#ca2d3d
```
#ca2d3d rgb(202,45,61)
```
#3dca2d
```
#3dca2d rgb(61,202,45)
```

Triadic Color

#ba2dca
```
#ba2dca rgb(186,45,202)
```
#ca2d3d
```
#ca2d3d rgb(202,45,61)
```
#3dca2d
```
#3dca2d rgb(61,202,45)
```
#2dcaba
```
#2dcaba rgb(45,202,186)
```

Tetradic Color

#8b1f2a
```
#8b1f2a rgb(139,31,42)
```
#a02430
```
#a02430 rgb(160,36,48)
```
#b52837
```
#b52837 rgb(181,40,55)
```
#ca2d3d
```
#ca2d3d rgb(202,45,61)
```
#d43d4c
```
#d43d4c rgb(212,61,76)
```
#d8525f
```
#d8525f rgb(216,82,95)
```
#dd6673
```
#dd6673 rgb(221,102,115)
```

Monochromatic Color

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

#ca2d64
```
#ca2d64 rgb(202,45,100)
```
#ca2d57
```
#ca2d57 rgb(202,45,87)
```
#ca2d4a
```
#ca2d4a rgb(202,45,74)
```
#ca2d3d
```
#ca2d3d rgb(202,45,61)
```
#ca2d30
```
#ca2d30 rgb(202,45,48)
```
#ca372d
```
#ca372d rgb(202,55,45)
```
#ca442d
```
#ca442d rgb(202,68,45)
```

Similar Colors

Text with hexadecimal color #ca2d3d

This text has a font color of #ca2d3d.

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

#ca2d3d background color

This paragraph has a background color of #ca2d3d.

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

#ca2d3d border color

This element has a border color of #ca2d3d.

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

CSS codes

.text {color:#ca2d3d;}

.background {background-color:#ca2d3d;}

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

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

#090203
```
#090203 rgb(9,2,3)
```
#1a0608
```
#1a0608 rgb(26,6,8)
```
#2a090d
```
#2a090d rgb(42,9,13)
```
#3a0d11
```
#3a0d11 rgb(58,13,17)
```
#4a1016
```
#4a1016 rgb(74,16,22)
```
#5a141b
```
#5a141b rgb(90,20,27)
```
#6a1820
```
#6a1820 rgb(106,24,32)
```
#7a1b25
```
#7a1b25 rgb(122,27,37)
```
#8a1f2a
```
#8a1f2a rgb(138,31,42)
```
#9a222e
```
#9a222e rgb(154,34,46)
```
#aa2633
```
#aa2633 rgb(170,38,51)
```
#ba2938
```
#ba2938 rgb(186,41,56)
```
#ca2d3d
```
#ca2d3d rgb(202,45,61)
```

Shade Color Variation

#d33848
```
#d33848 rgb(211,56,72)
```
#d64856
```
#d64856 rgb(214,72,86)
```
#da5865
```
#da5865 rgb(218,88,101)
```
#dd6874
```
#dd6874 rgb(221,104,116)
```
#e17883
```
#e17883 rgb(225,120,131)
```
#e58892
```
#e58892 rgb(229,136,146)
```
#e898a0
```
#e898a0 rgb(232,152,160)
```
#eca8af
```
#eca8af rgb(236,168,175)
```
#efb8be
```
#efb8be rgb(239,184,190)
```
#f3c8cd
```
#f3c8cd rgb(243,200,205)
```
#f6d8db
```
#f6d8db rgb(246,216,219)
```
#fae8ea
```
#fae8ea rgb(250,232,234)
```
#fef8f9
```
#fef8f9 rgb(254,248,249)
```

Tint Color Variation

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

#7e797a
```
#7e797a rgb(126,121,122)
```
#887072
```
#887072 rgb(136,112,114)
```
#91666a
```
#91666a rgb(145,102,106)
```
#9b5d63
```
#9b5d63 rgb(155,93,99)
```
#a4535b
```
#a4535b rgb(164,83,91)
```
#ae4a54
```
#ae4a54 rgb(174,74,84)
```
#b7404c
```
#b7404c rgb(183,64,76)
```
#c13745
```
#c13745 rgb(193,55,69)
```
#ca2d3d
```
#ca2d3d rgb(202,45,61)
```
#d42435
```
#d42435 rgb(212,36,53)
```
#dd1a2e
```
#dd1a2e rgb(221,26,46)
```
#e71126
```
#e71126 rgb(231,17,38)
```
#f0071f
```
#f0071f rgb(240,7,31)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#745457 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a725a Protanopia 1% of men
#8c6d3c Deuteranopia 1% of men
#cc3a3b Tritanopia 0.001% of the population

Trichromacy

#97594f Protanomaly 1% of men, 0.01% of women
#a2563c Deuteranomaly 6% of men, 0.4% of women
#cb353c Tritanomaly 0.01% of the population

#ca2d3d hex color

#ca2d3d Color Information

#ca2d3d Color Conversion

Color Schemes with #ca2d3d

Alternatives to #ca2d3d

#ca2d3d Preview

Shades and Tints of #ca2d3d

Tones of #ca2d3d

Color Blindness Simulator