#ca5f77 hex color

In a RGB color space, hex #ca5f77 is composed of 79.2% red, 37.3% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53% magenta, 41.1% yellow and 20.8% black. It has a hue angle of 346.5 degrees, a saturation of 50.2% and a lightness of 58.2%. #ca5f77 color hex could be obtained by blending #ffbeee with #950000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 79
- G 37
- B 47
RGB color chart
- C 0
- M 53
- Y 41
- K 21
CMYK color chart

● #ca5f77 color description : Moderate red.

The hexadecimal color #ca5f77 has RGB values of R:202, G:95, B:119 and CMYK values of C:0, M:0.53, Y:0.41, K:0.21. Its decimal value is 13262711.

Hex triplet	ca5f77	`#ca5f77`
RGB Decimal	202, 95, 119	`rgb(202,95,119)`
RGB Percent	79.2, 37.3, 46.7	`rgb(79.2%,37.3%,46.7%)`
CMYK	0, 53, 41, 21
HSL	346.5°, 50.2, 58.2	`hsl(346.5,50.2%,58.2%)`
HSV (or HSB)	346.5°, 53, 79.2
Web Safe	cc6666	`#cc6666`

CIE-LAB	54.107, 44.85, 7.111
XYZ	31.78, 22.075, 20.039
xyY	0.43, 0.299, 22.075
CIE-LCH	54.107, 45.41, 9.009
CIE-LUV	54.107, 72.207, 0.93
Hunter-Lab	46.985, 38.512, 7.602
Binary	11001010, 01011111, 01110111

#ca5f77
```
#ca5f77 rgb(202,95,119)
```
#5fcab2
```
#5fcab2 rgb(95,202,178)
```

Complementary Color

#ca5fad
```
#ca5fad rgb(202,95,173)
```
#ca5f77
```
#ca5f77 rgb(202,95,119)
```
#ca7d5f
```
#ca7d5f rgb(202,125,95)
```

Analogous Color

#5fadca
```
#5fadca rgb(95,173,202)
```
#ca5f77
```
#ca5f77 rgb(202,95,119)
```
#5fca7d
```
#5fca7d rgb(95,202,125)
```

Split Complementary Color

#5f77ca
```
#5f77ca rgb(95,119,202)
```
#ca5f77
```
#ca5f77 rgb(202,95,119)
```
#77ca5f
```
#77ca5f rgb(119,202,95)
```

Triadic Color

#b25fca
```
#b25fca rgb(178,95,202)
```
#ca5f77
```
#ca5f77 rgb(202,95,119)
```
#77ca5f
```
#77ca5f rgb(119,202,95)
```
#5fcab2
```
#5fcab2 rgb(95,202,178)
```

Tetradic Color

#a63750
```
#a63750 rgb(166,55,80)
```
#b93d59
```
#b93d59 rgb(185,61,89)
```
#c44c67
```
#c44c67 rgb(196,76,103)
```
#ca5f77
```
#ca5f77 rgb(202,95,119)
```
#d07287
```
#d07287 rgb(208,114,135)
```
#d78598
```
#d78598 rgb(215,133,152)
```
#dd98a8
```
#dd98a8 rgb(221,152,168)
```

Monochromatic Color

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

#ca5f92
```
#ca5f92 rgb(202,95,146)
```
#ca5f89
```
#ca5f89 rgb(202,95,137)
```
#ca5f80
```
#ca5f80 rgb(202,95,128)
```
#ca5f77
```
#ca5f77 rgb(202,95,119)
```
#ca5f6e
```
#ca5f6e rgb(202,95,110)
```
#ca5f65
```
#ca5f65 rgb(202,95,101)
```
#ca625f
```
#ca625f rgb(202,98,95)
```

Similar Colors

Text with hexadecimal color #ca5f77

This text has a font color of #ca5f77.

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

#ca5f77 background color

This paragraph has a background color of #ca5f77.

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

#ca5f77 border color

This element has a border color of #ca5f77.

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

CSS codes

.text {color:#ca5f77;}

.background {background-color:#ca5f77;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#110608
```
#110608 rgb(17,6,8)
```
#200a0f
```
#200a0f rgb(32,10,15)
```
#2e0f16
```
#2e0f16 rgb(46,15,22)
```
#3d141d
```
#3d141d rgb(61,20,29)
```
#4c1924
```
#4c1924 rgb(76,25,36)
```
#5a1e2c
```
#5a1e2c rgb(90,30,44)
```
#692333
```
#692333 rgb(105,35,51)
```
#78283a
```
#78283a rgb(120,40,58)
```
#872d41
```
#872d41 rgb(135,45,65)
```
#953148
```
#953148 rgb(149,49,72)
```
#a4364f
```
#a4364f rgb(164,54,79)
```
#b33b56
```
#b33b56 rgb(179,59,86)
```

Shade Color Variation

#c0425e
```
#c0425e rgb(192,66,94)
```
#c5506a
```
#c5506a rgb(197,80,106)
```
#ca5f77
```
#ca5f77 rgb(202,95,119)
```
#cf6e84
```
#cf6e84 rgb(207,110,132)
```
#d47c90
```
#d47c90 rgb(212,124,144)
```
#d98b9d
```
#d98b9d rgb(217,139,157)
```
#de9aa9
```
#de9aa9 rgb(222,154,169)
```
#e2a9b6
```
#e2a9b6 rgb(226,169,182)
```
#e7b7c2
```
#e7b7c2 rgb(231,183,194)
```
#ecc6cf
```
#ecc6cf rgb(236,198,207)
```
#f1d5db
```
#f1d5db rgb(241,213,219)
```
#f6e4e8
```
#f6e4e8 rgb(246,228,232)
```
#fbf2f4
```
#fbf2f4 rgb(251,242,244)
```

Tint Color Variation

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

#999092
```
#999092 rgb(153,144,146)
```
#a1888e
```
#a1888e rgb(161,136,142)
```
#a98089
```
#a98089 rgb(169,128,137)
```
#b17885
```
#b17885 rgb(177,120,133)
```
#ba6f80
```
#ba6f80 rgb(186,111,128)
```
#c2677c
```
#c2677c rgb(194,103,124)
```
#ca5f77
```
#ca5f77 rgb(202,95,119)
```
#d25772
```
#d25772 rgb(210,87,114)
```
#da4f6e
```
#da4f6e rgb(218,79,110)
```
#e34669
```
#e34669 rgb(227,70,105)
```
#eb3e65
```
#eb3e65 rgb(235,62,101)
```
#f33660
```
#f33660 rgb(243,54,96)
```
#fb2e5c
```
#fb2e5c rgb(251,46,92)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#907b80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88878d Protanopia 1% of men
#9a8377 Deuteranopia 1% of men
#cb6970 Tritanopia 0.001% of the population

Trichromacy

#a07885 Protanomaly 1% of men, 0.01% of women
#ab7677 Deuteranomaly 6% of men, 0.4% of women
#cb6572 Tritanomaly 0.01% of the population

#ca5f77 hex color

#ca5f77 Color Information

#ca5f77 Color Conversion

Color Schemes with #ca5f77

Alternatives to #ca5f77

#ca5f77 Preview

Shades and Tints of #ca5f77

Tones of #ca5f77

Color Blindness Simulator