#ca5f63 hex color

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

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

● #ca5f63 color description : Moderate red.

The hexadecimal color #ca5f63 has RGB values of R:202, G:95, B:99 and CMYK values of C:0, M:0.53, Y:0.51, K:0.21. Its decimal value is 13262691.

Hex triplet	ca5f63	`#ca5f63`
RGB Decimal	202, 95, 99	`rgb(202,95,99)`
RGB Percent	79.2, 37.3, 38.8	`rgb(79.2%,37.3%,38.8%)`
CMYK	0, 53, 51, 21
HSL	357.8°, 50.2, 58.2	`hsl(357.8,50.2%,58.2%)`
HSV (or HSB)	357.8°, 53, 79.2
Web Safe	cc6666	`#cc6666`

CIE-LAB	53.648, 42.862, 18.268
XYZ	30.702, 21.644, 14.365
xyY	0.46, 0.324, 21.644
CIE-LCH	53.648, 46.593, 23.084
CIE-LUV	53.648, 76.972, 14.327
Hunter-Lab	46.524, 36.381, 14.26
Binary	11001010, 01011111, 01100011

#ca5f63
```
#ca5f63 rgb(202,95,99)
```
#5fcac6
```
#5fcac6 rgb(95,202,198)
```

Complementary Color

#ca5f99
```
#ca5f99 rgb(202,95,153)
```
#ca5f63
```
#ca5f63 rgb(202,95,99)
```
#ca915f
```
#ca915f rgb(202,145,95)
```

Analogous Color

#5f99ca
```
#5f99ca rgb(95,153,202)
```
#ca5f63
```
#ca5f63 rgb(202,95,99)
```
#5fca91
```
#5fca91 rgb(95,202,145)
```

Split Complementary Color

#5f63ca
```
#5f63ca rgb(95,99,202)
```
#ca5f63
```
#ca5f63 rgb(202,95,99)
```
#63ca5f
```
#63ca5f rgb(99,202,95)
```

Triadic Color

#c65fca
```
#c65fca rgb(198,95,202)
```
#ca5f63
```
#ca5f63 rgb(202,95,99)
```
#63ca5f
```
#63ca5f rgb(99,202,95)
```
#5fcac6
```
#5fcac6 rgb(95,202,198)
```

Tetradic Color

#a6373b
```
#a6373b rgb(166,55,59)
```
#b93d42
```
#b93d42 rgb(185,61,66)
```
#c44c50
```
#c44c50 rgb(196,76,80)
```
#ca5f63
```
#ca5f63 rgb(202,95,99)
```
#d07276
```
#d07276 rgb(208,114,118)
```
#d78588
```
#d78588 rgb(215,133,136)
```
#dd989b
```
#dd989b rgb(221,152,155)
```

Monochromatic Color

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

#ca5f7e
```
#ca5f7e rgb(202,95,126)
```
#ca5f75
```
#ca5f75 rgb(202,95,117)
```
#ca5f6c
```
#ca5f6c rgb(202,95,108)
```
#ca5f63
```
#ca5f63 rgb(202,95,99)
```
#ca645f
```
#ca645f rgb(202,100,95)
```
#ca6d5f
```
#ca6d5f rgb(202,109,95)
```
#ca765f
```
#ca765f rgb(202,118,95)
```

Similar Colors

Text with hexadecimal color #ca5f63

This text has a font color of #ca5f63.

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

#ca5f63 background color

This paragraph has a background color of #ca5f63.

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

#ca5f63 border color

This element has a border color of #ca5f63.

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

CSS codes

.text {color:#ca5f63;}

.background {background-color:#ca5f63;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#110606
```
#110606 rgb(17,6,6)
```
#200a0b
```
#200a0b rgb(32,10,11)
```
#2e0f10
```
#2e0f10 rgb(46,15,16)
```
#3d1416
```
#3d1416 rgb(61,20,22)
```
#4c191b
```
#4c191b rgb(76,25,27)
```
#5a1e20
```
#5a1e20 rgb(90,30,32)
```
#692325
```
#692325 rgb(105,35,37)
```
#78282b
```
#78282b rgb(120,40,43)
```
#872d30
```
#872d30 rgb(135,45,48)
```
#953135
```
#953135 rgb(149,49,53)
```
#a4363a
```
#a4363a rgb(164,54,58)
```
#b33b40
```
#b33b40 rgb(179,59,64)
```

Shade Color Variation

#c04246
```
#c04246 rgb(192,66,70)
```
#c55055
```
#c55055 rgb(197,80,85)
```
#ca5f63
```
#ca5f63 rgb(202,95,99)
```
#cf6e71
```
#cf6e71 rgb(207,110,113)
```
#d47c80
```
#d47c80 rgb(212,124,128)
```
#d98b8e
```
#d98b8e rgb(217,139,142)
```
#de9a9c
```
#de9a9c rgb(222,154,156)
```
#e2a9ab
```
#e2a9ab rgb(226,169,171)
```
#e7b7b9
```
#e7b7b9 rgb(231,183,185)
```
#ecc6c8
```
#ecc6c8 rgb(236,198,200)
```
#f1d5d6
```
#f1d5d6 rgb(241,213,214)
```
#f6e4e4
```
#f6e4e4 rgb(246,228,228)
```
#fbf2f3
```
#fbf2f3 rgb(251,242,243)
```

Tint Color Variation

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

#999090
```
#999090 rgb(153,144,144)
```
#a18889
```
#a18889 rgb(161,136,137)
```
#a98081
```
#a98081 rgb(169,128,129)
```
#b1787a
```
#b1787a rgb(177,120,122)
```
#ba6f72
```
#ba6f72 rgb(186,111,114)
```
#c2676b
```
#c2676b rgb(194,103,107)
```
#ca5f63
```
#ca5f63 rgb(202,95,99)
```
#d2575b
```
#d2575b rgb(210,87,91)
```
#da4f54
```
#da4f54 rgb(218,79,84)
```
#e3464c
```
#e3464c rgb(227,70,76)
```
#eb3e45
```
#eb3e45 rgb(235,62,69)
```
#f3363d
```
#f3363d rgb(243,54,61)
```
#fb2e36
```
#fb2e36 rgb(251,46,54)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#8e7979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8678 Protanopia 1% of men
#9e8164 Deuteranopia 1% of men
#cc666d Tritanopia 0.001% of the population

Trichromacy

#a27870 Protanomaly 1% of men, 0.01% of women
#ae7464 Deuteranomaly 6% of men, 0.4% of women
#cb6469 Tritanomaly 0.01% of the population

#ca5f63 hex color

#ca5f63 Color Information

#ca5f63 Color Conversion

Color Schemes with #ca5f63

Alternatives to #ca5f63

#ca5f63 Preview

Shades and Tints of #ca5f63

Tones of #ca5f63

Color Blindness Simulator