#ca374c hex color

In a RGB color space, hex #ca374c is composed of 79.2% red, 21.6% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.8% magenta, 62.4% yellow and 20.8% black. It has a hue angle of 351.4 degrees, a saturation of 58.1% and a lightness of 50.4%. #ca374c color hex could be obtained by blending #ff6e98 with #950000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 79
- G 22
- B 30
RGB color chart
- C 0
- M 73
- Y 62
- K 21
CMYK color chart

● #ca374c color description : Moderate red.

The hexadecimal color #ca374c has RGB values of R:202, G:55, B:76 and CMYK values of C:0, M:0.73, Y:0.62, K:0.21. Its decimal value is 13252428.

Hex triplet	ca374c	`#ca374c`
RGB Decimal	202, 55, 76	`rgb(202,55,76)`
RGB Percent	79.2, 21.6, 29.8	`rgb(79.2%,21.6%,29.8%)`
CMYK	0, 73, 62, 21
HSL	351.4°, 58.1, 50.4	`hsl(351.4,58.1%,50.4%)`
HSV (or HSB)	351.4°, 72.8, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.729, 58.417, 22.79
XYZ	27.029, 15.814, 8.466
xyY	0.527, 0.308, 15.814
CIE-LCH	46.729, 62.705, 21.312
CIE-LUV	46.729, 106.578, 14.006
Hunter-Lab	39.767, 51.733, 15.214
Binary	11001010, 00110111, 01001100

#ca374c
```
#ca374c rgb(202,55,76)
```
#37cab5
```
#37cab5 rgb(55,202,181)
```

Complementary Color

#ca3796
```
#ca3796 rgb(202,55,150)
```
#ca374c
```
#ca374c rgb(202,55,76)
```
#ca6c37
```
#ca6c37 rgb(202,108,55)
```

Analogous Color

#3796ca
```
#3796ca rgb(55,150,202)
```
#ca374c
```
#ca374c rgb(202,55,76)
```
#37ca6c
```
#37ca6c rgb(55,202,108)
```

Split Complementary Color

#374cca
```
#374cca rgb(55,76,202)
```
#ca374c
```
#ca374c rgb(202,55,76)
```
#4cca37
```
#4cca37 rgb(76,202,55)
```

Triadic Color

#b537ca
```
#b537ca rgb(181,55,202)
```
#ca374c
```
#ca374c rgb(202,55,76)
```
#4cca37
```
#4cca37 rgb(76,202,55)
```
#37cab5
```
#37cab5 rgb(55,202,181)
```

Tetradic Color

#8f2635
```
#8f2635 rgb(143,38,53)
```
#a32b3c
```
#a32b3c rgb(163,43,60)
```
#b73044
```
#b73044 rgb(183,48,68)
```
#ca374c
```
#ca374c rgb(202,55,76)
```
#cf4b5e
```
#cf4b5e rgb(207,75,94)
```
#d55f70
```
#d55f70 rgb(213,95,112)
```
#da7382
```
#da7382 rgb(218,115,130)
```

Monochromatic Color

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

#ca3771
```
#ca3771 rgb(202,55,113)
```
#ca3765
```
#ca3765 rgb(202,55,101)
```
#ca3758
```
#ca3758 rgb(202,55,88)
```
#ca374c
```
#ca374c rgb(202,55,76)
```
#ca3740
```
#ca3740 rgb(202,55,64)
```
#ca3b37
```
#ca3b37 rgb(202,59,55)
```
#ca4737
```
#ca4737 rgb(202,71,55)
```

Similar Colors

Text with hexadecimal color #ca374c

This text has a font color of #ca374c.

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

#ca374c background color

This paragraph has a background color of #ca374c.

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

#ca374c border color

This element has a border color of #ca374c.

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

CSS codes

.text {color:#ca374c;}

.background {background-color:#ca374c;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#110506
```
#110506 rgb(17,5,6)
```
#21090c
```
#21090c rgb(33,9,12)
```
#300d12
```
#300d12 rgb(48,13,18)
```
#401118
```
#401118 rgb(64,17,24)
```
#4f151d
```
#4f151d rgb(79,21,29)
```
#5f1923
```
#5f1923 rgb(95,25,35)
```
#6e1d29
```
#6e1d29 rgb(110,29,41)
```
#7e212e
```
#7e212e rgb(126,33,46)
```
#8d2534
```
#8d2534 rgb(141,37,52)
```
#9d2a3a
```
#9d2a3a rgb(157,42,58)
```
#ac2e40
```
#ac2e40 rgb(172,46,64)
```
#bc3245
```
#bc3245 rgb(188,50,69)
```

Shade Color Variation

#ca374c
```
#ca374c rgb(202,55,76)
```
#ce475a
```
#ce475a rgb(206,71,90)
```
#d25668
```
#d25668 rgb(210,86,104)
```
#d66676
```
#d66676 rgb(214,102,118)
```
#da7584
```
#da7584 rgb(218,117,132)
```
#df8591
```
#df8591 rgb(223,133,145)
```
#e3949f
```
#e3949f rgb(227,148,159)
```
#e7a4ad
```
#e7a4ad rgb(231,164,173)
```
#ebb3bb
```
#ebb3bb rgb(235,179,187)
```
#efc3c9
```
#efc3c9 rgb(239,195,201)
```
#f3d2d7
```
#f3d2d7 rgb(243,210,215)
```
#f7e2e5
```
#f7e2e5 rgb(247,226,229)
```
#fbf1f3
```
#fbf1f3 rgb(251,241,243)
```

Tint Color Variation

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

#867b7d
```
#867b7d rgb(134,123,125)
```
#907176
```
#907176 rgb(144,113,118)
```
#99686f
```
#99686f rgb(153,104,111)
```
#a35e68
```
#a35e68 rgb(163,94,104)
```
#ad5461
```
#ad5461 rgb(173,84,97)
```
#b74a5a
```
#b74a5a rgb(183,74,90)
```
#c04153
```
#c04153 rgb(192,65,83)
```
#ca374c
```
#ca374c rgb(202,55,76)
```
#d42d45
```
#d42d45 rgb(212,45,69)
```
#dd243e
```
#dd243e rgb(221,36,62)
```
#e71a37
```
#e71a37 rgb(231,26,55)
```
#f11030
```
#f11030 rgb(241,16,48)
```
#fb0629
```
#fb0629 rgb(251,6,41)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#795c60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7569 Protanopia 1% of men
#8d714b Deuteranopia 1% of men
#cc4447 Tritanopia 0.001% of the population

Trichromacy

#975f5e Protanomaly 1% of men, 0.01% of women
#a35c4b Deuteranomaly 6% of men, 0.4% of women
#cb3f48 Tritanomaly 0.01% of the population

#ca374c hex color

#ca374c Color Information

#ca374c Color Conversion

Color Schemes with #ca374c

Alternatives to #ca374c

#ca374c Preview

Shades and Tints of #ca374c

Tones of #ca374c

Color Blindness Simulator