#ca574d hex color

In a RGB color space, hex #ca574d is composed of 79.2% red, 34.1% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.9% magenta, 61.9% yellow and 20.8% black. It has a hue angle of 4.8 degrees, a saturation of 54.1% and a lightness of 54.7%. #ca574d color hex could be obtained by blending #ffae9a with #950000. Closest websafe color is: #cc6666.

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

● #ca574d color description : Moderate red.

The hexadecimal color #ca574d has RGB values of R:202, G:87, B:77 and CMYK values of C:0, M:0.57, Y:0.62, K:0.21. Its decimal value is 13260621.

Hex triplet	ca574d	`#ca574d`
RGB Decimal	202, 87, 77	`rgb(202,87,77)`
RGB Percent	79.2, 34.1, 30.2	`rgb(79.2%,34.1%,30.2%)`
CMYK	0, 57, 62, 21
HSL	4.8°, 54.1, 54.7	`hsl(4.8,54.1%,54.7%)`
HSV (or HSB)	4.8°, 61.9, 79.2
Web Safe	cc6666	`#cc6666`

CIE-LAB	51.737, 45.046, 28.61
XYZ	29.106, 19.912, 9.331
xyY	0.499, 0.341, 19.912
CIE-LCH	51.737, 53.364, 32.421
CIE-LUV	51.737, 87.032, 23.787
Hunter-Lab	44.622, 38.341, 18.837
Binary	11001010, 01010111, 01001101

#ca574d
```
#ca574d rgb(202,87,77)
```
#4dc0ca
```
#4dc0ca rgb(77,192,202)
```

Complementary Color

#ca4d82
```
#ca4d82 rgb(202,77,130)
```
#ca574d
```
#ca574d rgb(202,87,77)
```
#ca964d
```
#ca964d rgb(202,150,77)
```

Analogous Color

#4d82ca
```
#4d82ca rgb(77,130,202)
```
#ca574d
```
#ca574d rgb(202,87,77)
```
#4dca96
```
#4dca96 rgb(77,202,150)
```

Split Complementary Color

#574dca
```
#574dca rgb(87,77,202)
```
#ca574d
```
#ca574d rgb(202,87,77)
```
#4dca57
```
#4dca57 rgb(77,202,87)
```

Triadic Color

#ca4dc0
```
#ca4dc0 rgb(202,77,192)
```
#ca574d
```
#ca574d rgb(202,87,77)
```
#4dca57
```
#4dca57 rgb(77,202,87)
```
#4dc0ca
```
#4dc0ca rgb(77,192,202)
```

Tetradic Color

#9c372e
```
#9c372e rgb(156,55,46)
```
#b03e34
```
#b03e34 rgb(176,62,52)
```
#c3453a
```
#c3453a rgb(195,69,58)
```
#ca574d
```
#ca574d rgb(202,87,77)
```
#d06a61
```
#d06a61 rgb(208,106,97)
```
#d67c74
```
#d67c74 rgb(214,124,116)
```
#dc8f88
```
#dc8f88 rgb(220,143,136)
```

Monochromatic Color

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

#ca4d62
```
#ca4d62 rgb(202,77,98)
```
#ca4d58
```
#ca4d58 rgb(202,77,88)
```
#ca4d4d
```
#ca4d4d rgb(202,77,77)
```
#ca574d
```
#ca574d rgb(202,87,77)
```
#ca614d
```
#ca614d rgb(202,97,77)
```
#ca6c4d
```
#ca6c4d rgb(202,108,77)
```
#ca764d
```
#ca764d rgb(202,118,77)
```

Similar Colors

Text with hexadecimal color #ca574d

This text has a font color of #ca574d.

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

#ca574d background color

This paragraph has a background color of #ca574d.

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

#ca574d border color

This element has a border color of #ca574d.

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

CSS codes

.text {color:#ca574d;}

.background {background-color:#ca574d;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#120706
```
#120706 rgb(18,7,6)
```
#220c0a
```
#220c0a rgb(34,12,10)
```
#31110f
```
#31110f rgb(49,17,15)
```
#401713
```
#401713 rgb(64,23,19)
```
#4f1c18
```
#4f1c18 rgb(79,28,24)
```
#5e211c
```
#5e211c rgb(94,33,28)
```
#6d2721
```
#6d2721 rgb(109,39,33)
```
#7c2c25
```
#7c2c25 rgb(124,44,37)
```
#8b312a
```
#8b312a rgb(139,49,42)
```
#9b372e
```
#9b372e rgb(155,55,46)
```
#aa3c33
```
#aa3c33 rgb(170,60,51)
```
#b94137
```
#b94137 rgb(185,65,55)
```

Shade Color Variation

#c5493e
```
#c5493e rgb(197,73,62)
```
#ca574d
```
#ca574d rgb(202,87,77)
```
#cf655c
```
#cf655c rgb(207,101,92)
```
#d3746b
```
#d3746b rgb(211,116,107)
```
#d8827a
```
#d8827a rgb(216,130,122)
```
#dc9089
```
#dc9089 rgb(220,144,137)
```
#e19e99
```
#e19e99 rgb(225,158,153)
```
#e5ada8
```
#e5ada8 rgb(229,173,168)
```
#eabbb7
```
#eabbb7 rgb(234,187,183)
```
#eec9c6
```
#eec9c6 rgb(238,201,198)
```
#f3d7d5
```
#f3d7d5 rgb(243,215,213)
```
#f7e6e4
```
#f7e6e4 rgb(247,230,228)
```
#fcf4f3
```
#fcf4f3 rgb(252,244,243)
```

Tint Color Variation

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

#8c8b8b
```
#8c8b8b rgb(140,139,139)
```
#958482
```
#958482 rgb(149,132,130)
```
#9e7c79
```
#9e7c79 rgb(158,124,121)
```
#a67571
```
#a67571 rgb(166,117,113)
```
#af6d68
```
#af6d68 rgb(175,109,104)
```
#b8665f
```
#b8665f rgb(184,102,95)
```
#c15e56
```
#c15e56 rgb(193,94,86)
```
#ca574d
```
#ca574d rgb(202,87,77)
```
#d35044
```
#d35044 rgb(211,80,68)
```
#dc483b
```
#dc483b rgb(220,72,59)
```
#e54132
```
#e54132 rgb(229,65,50)
```
#ee3929
```
#ee3929 rgb(238,57,41)
```
#f63221
```
#f63221 rgb(246,50,33)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#88716f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8163 Protanopia 1% of men
#9d7c4f Deuteranopia 1% of men
#cd5d63 Tritanopia 0.001% of the population

Trichromacy

#a2725b Protanomaly 1% of men, 0.01% of women
#ad6e4e Deuteranomaly 6% of men, 0.4% of women
#cc5b5b Tritanomaly 0.01% of the population

#ca574d hex color

#ca574d Color Information

#ca574d Color Conversion

Color Schemes with #ca574d

Alternatives to #ca574d

#ca574d Preview

Shades and Tints of #ca574d

Tones of #ca574d

Color Blindness Simulator