#ca404e hex color

In a RGB color space, hex #ca404e is composed of 79.2% red, 25.1% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.3% magenta, 61.4% yellow and 20.8% black. It has a hue angle of 353.9 degrees, a saturation of 56.6% and a lightness of 52.2%. #ca404e color hex could be obtained by blending #ff809c with #950000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 79
- G 25
- B 31
RGB color chart
- C 0
- M 68
- Y 61
- K 21
CMYK color chart

● #ca404e color description : Moderate red.

The hexadecimal color #ca404e has RGB values of R:202, G:64, B:78 and CMYK values of C:0, M:0.68, Y:0.61, K:0.21. Its decimal value is 13254734.

Hex triplet	ca404e	`#ca404e`
RGB Decimal	202, 64, 78	`rgb(202,64,78)`
RGB Percent	79.2, 25.1, 30.6	`rgb(79.2%,25.1%,30.6%)`
CMYK	0, 68, 61, 21
HSL	353.9°, 56.6, 52.2	`hsl(353.9,56.6%,52.2%)`
HSV (or HSB)	353.9°, 68.3, 79.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.977, 55.204, 23.204
XYZ	27.567, 16.776, 8.994
xyY	0.517, 0.315, 16.776
CIE-LCH	47.977, 59.883, 22.798
CIE-LUV	47.977, 101.215, 15.452
Hunter-Lab	40.959, 48.458, 15.652
Binary	11001010, 01000000, 01001110

#ca404e
```
#ca404e rgb(202,64,78)
```
#40cabc
```
#40cabc rgb(64,202,188)
```

Complementary Color

#ca4093
```
#ca4093 rgb(202,64,147)
```
#ca404e
```
#ca404e rgb(202,64,78)
```
#ca7740
```
#ca7740 rgb(202,119,64)
```

Analogous Color

#4093ca
```
#4093ca rgb(64,147,202)
```
#ca404e
```
#ca404e rgb(202,64,78)
```
#40ca77
```
#40ca77 rgb(64,202,119)
```

Split Complementary Color

#404eca
```
#404eca rgb(64,78,202)
```
#ca404e
```
#ca404e rgb(202,64,78)
```
#4eca40
```
#4eca40 rgb(78,202,64)
```

Triadic Color

#bc40ca
```
#bc40ca rgb(188,64,202)
```
#ca404e
```
#ca404e rgb(202,64,78)
```
#4eca40
```
#4eca40 rgb(78,202,64)
```
#40cabc
```
#40cabc rgb(64,202,188)
```

Tetradic Color

#942934
```
#942934 rgb(148,41,52)
```
#a82f3b
```
#a82f3b rgb(168,47,59)
```
#bc3442
```
#bc3442 rgb(188,52,66)
```
#ca404e
```
#ca404e rgb(202,64,78)
```
#d05460
```
#d05460 rgb(208,84,96)
```
#d56873
```
#d56873 rgb(213,104,115)
```
#db7c85
```
#db7c85 rgb(219,124,133)
```

Monochromatic Color

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

#ca4071
```
#ca4071 rgb(202,64,113)
```
#ca4065
```
#ca4065 rgb(202,64,101)
```
#ca405a
```
#ca405a rgb(202,64,90)
```
#ca404e
```
#ca404e rgb(202,64,78)
```
#ca4043
```
#ca4043 rgb(202,64,67)
```
#ca4940
```
#ca4940 rgb(202,73,64)
```
#ca5440
```
#ca5440 rgb(202,84,64)
```

Similar Colors

Text with hexadecimal color #ca404e

This text has a font color of #ca404e.

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

#ca404e background color

This paragraph has a background color of #ca404e.

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

#ca404e border color

This element has a border color of #ca404e.

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

CSS codes

.text {color:#ca404e;}

.background {background-color:#ca404e;}

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

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 #fdf8f9 is the lightest one.

#090203
```
#090203 rgb(9,2,3)
```
#180708
```
#180708 rgb(24,7,8)
```
#270b0e
```
#270b0e rgb(39,11,14)
```
#370f13
```
#370f13 rgb(55,15,19)
```
#461319
```
#461319 rgb(70,19,25)
```
#55181e
```
#55181e rgb(85,24,30)
```
#651c23
```
#651c23 rgb(101,28,35)
```
#742029
```
#742029 rgb(116,32,41)
```
#83242e
```
#83242e rgb(131,36,46)
```
#932933
```
#932933 rgb(147,41,51)
```
#a22d39
```
#a22d39 rgb(162,45,57)
```
#b2313e
```
#b2313e rgb(178,49,62)
```
#c13644
```
#c13644 rgb(193,54,68)
```

Shade Color Variation

#ca404e
```
#ca404e rgb(202,64,78)
```
#ce4f5c
```
#ce4f5c rgb(206,79,92)
```
#d35f6a
```
#d35f6a rgb(211,95,106)
```
#d76e79
```
#d76e79 rgb(215,110,121)
```
#db7d87
```
#db7d87 rgb(219,125,135)
```
#df8d95
```
#df8d95 rgb(223,141,149)
```
#e49ca3
```
#e49ca3 rgb(228,156,163)
```
#e8abb2
```
#e8abb2 rgb(232,171,178)
```
#ecbbc0
```
#ecbbc0 rgb(236,187,192)
```
#f0cace
```
#f0cace rgb(240,202,206)
```
#f5dadc
```
#f5dadc rgb(245,218,220)
```
#f9e9eb
```
#f9e9eb rgb(249,233,235)
```
#fdf8f9
```
#fdf8f9 rgb(253,248,249)
```

Tint Color Variation

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

#888282
```
#888282 rgb(136,130,130)
```
#92787b
```
#92787b rgb(146,120,123)
```
#9b6f73
```
#9b6f73 rgb(155,111,115)
```
#a4666c
```
#a4666c rgb(164,102,108)
```
#ae5c64
```
#ae5c64 rgb(174,92,100)
```
#b7535d
```
#b7535d rgb(183,83,93)
```
#c14955
```
#c14955 rgb(193,73,85)
```
#ca404e
```
#ca404e rgb(202,64,78)
```
#d33747
```
#d33747 rgb(211,55,71)
```
#dd2d3f
```
#dd2d3f rgb(221,45,63)
```
#e62438
```
#e62438 rgb(230,36,56)
```
#f01a30
```
#f01a30 rgb(240,26,48)
```
#f91129
```
#f91129 rgb(249,17,41)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7e6265 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7869 Protanopia 1% of men
#91744e Deuteranopia 1% of men
#cc4b4f Tritanopia 0.001% of the population

Trichromacy

#9a645f Protanomaly 1% of men, 0.01% of women
#a5614e Deuteranomaly 6% of men, 0.4% of women
#cb474e Tritanomaly 0.01% of the population

#ca404e hex color

#ca404e Color Information

#ca404e Color Conversion

Color Schemes with #ca404e

Alternatives to #ca404e

#ca404e Preview

Shades and Tints of #ca404e

Tones of #ca404e

Color Blindness Simulator