colorhexa.com

#ca2557 hex color

In a RGB color space, hex #ca2557 is composed of 79.2% red, 14.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 56.9% yellow and 20.8% black. It has a hue angle of 341.8 degrees, a saturation of 69% and a lightness of 46.9%. #ca2557 color hex could be obtained by blending #ff4aae with #950000. Closest websafe color is: #cc3366.

- R 79
- G 15
- B 34
RGB color chart
- C 0
- M 82
- Y 57
- K 21
CMYK color chart

● #ca2557 color description : Strong pink.

The hexadecimal color #ca2557 has RGB values of R:202, G:37, B:87 and CMYK values of C:0, M:0.82, Y:0.57, K:0.21. Its decimal value is 13247831.

Hex triplet	ca2557	`#ca2557`
RGB Decimal	202, 37, 87	`rgb(202,37,87)`
RGB Percent	79.2, 14.5, 34.1	`rgb(79.2%,14.5%,34.1%)`
CMYK	0, 82, 57, 21
HSL	341.8°, 69, 46.9	`hsl(341.8,69%,46.9%)`
HSV (or HSB)	341.8°, 81.7, 79.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	45.041, 64.519, 13.759
XYZ	26.74, 14.571, 10.421
xyY	0.517, 0.282, 14.571
CIE-LCH	45.041, 65.97, 12.038
CIE-LUV	45.041, 110.609, 3.413
Hunter-Lab	38.172, 58.241, 10.534
Binary	11001010, 00100101, 01010111

#ca2557
```
#ca2557 rgb(202,37,87)
```
#25ca98
```
#25ca98 rgb(37,202,152)
```

Complementary Color

#ca25aa
```
#ca25aa rgb(202,37,170)
```
#ca2557
```
#ca2557 rgb(202,37,87)
```
#ca4625
```
#ca4625 rgb(202,70,37)
```

Analogous Color

#25aaca
```
#25aaca rgb(37,170,202)
```
#ca2557
```
#ca2557 rgb(202,37,87)
```
#25ca46
```
#25ca46 rgb(37,202,70)
```

Split Complementary Color

#2557ca
```
#2557ca rgb(37,87,202)
```
#ca2557
```
#ca2557 rgb(202,37,87)
```
#57ca25
```
#57ca25 rgb(87,202,37)
```

Triadic Color

#9825ca
```
#9825ca rgb(152,37,202)
```
#ca2557
```
#ca2557 rgb(202,37,87)
```
#57ca25
```
#57ca25 rgb(87,202,37)
```
#25ca98
```
#25ca98 rgb(37,202,152)
```

Tetradic Color

#89193b
```
#89193b rgb(137,25,59)
```
#9f1d44
```
#9f1d44 rgb(159,29,68)
```
#b4214e
```
#b4214e rgb(180,33,78)
```
#ca2557
```
#ca2557 rgb(202,37,87)
```
#d93063
```
#d93063 rgb(217,48,99)
```
#dd4573
```
#dd4573 rgb(221,69,115)
```
#e15b83
```
#e15b83 rgb(225,91,131)
```

Monochromatic Color

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

#ca2580
```
#ca2580 rgb(202,37,128)
```
#ca2573
```
#ca2573 rgb(202,37,115)
```
#ca2565
```
#ca2565 rgb(202,37,101)
```
#ca2557
```
#ca2557 rgb(202,37,87)
```
#ca2549
```
#ca2549 rgb(202,37,73)
```
#ca253c
```
#ca253c rgb(202,37,60)
```
#ca252e
```
#ca252e rgb(202,37,46)
```

Similar Colors

Text with hexadecimal color #ca2557

This text has a font color of #ca2557.

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

#ca2557 background color

This paragraph has a background color of #ca2557.

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

#ca2557 border color

This element has a border color of #ca2557.

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

CSS codes

.text {color:#ca2557;}

.background {background-color:#ca2557;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#140408
```
#140408 rgb(20,4,8)
```
#240710
```
#240710 rgb(36,7,16)
```
#350a17
```
#350a17 rgb(53,10,23)
```
#450d1e
```
#450d1e rgb(69,13,30)
```
#561025
```
#561025 rgb(86,16,37)
```
#67132c
```
#67132c rgb(103,19,44)
```
#771633
```
#771633 rgb(119,22,51)
```
#88193a
```
#88193a rgb(136,25,58)
```
#981c42
```
#981c42 rgb(152,28,66)
```
#a91f49
```
#a91f49 rgb(169,31,73)
```
#b92250
```
#b92250 rgb(185,34,80)
```
#ca2557
```
#ca2557 rgb(202,37,87)
```

Shade Color Variation

#d82b5f
```
#d82b5f rgb(216,43,95)
```
#db3b6c
```
#db3b6c rgb(219,59,108)
```
#de4c78
```
#de4c78 rgb(222,76,120)
```
#e15c85
```
#e15c85 rgb(225,92,133)
```
#e46d91
```
#e46d91 rgb(228,109,145)
```
#e77d9d
```
#e77d9d rgb(231,125,157)
```
#ea8eaa
```
#ea8eaa rgb(234,142,170)
```
#ed9fb6
```
#ed9fb6 rgb(237,159,182)
```
#f0afc3
```
#f0afc3 rgb(240,175,195)
```
#f3c0cf
```
#f3c0cf rgb(243,192,207)
```
#f6d0dc
```
#f6d0dc rgb(246,208,220)
```
#f9e1e8
```
#f9e1e8 rgb(249,225,232)
```
#fdf1f5
```
#fdf1f5 rgb(253,241,245)
```

Tint Color Variation

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

#806f74
```
#806f74 rgb(128,111,116)
```
#8a6570
```
#8a6570 rgb(138,101,112)
```
#935c6d
```
#935c6d rgb(147,92,109)
```
#9c5369
```
#9c5369 rgb(156,83,105)
```
#a54a65
```
#a54a65 rgb(165,74,101)
```
#ae4162
```
#ae4162 rgb(174,65,98)
```
#b8375e
```
#b8375e rgb(184,55,94)
```
#c12e5b
```
#c12e5b rgb(193,46,91)
```
#ca2557
```
#ca2557 rgb(202,37,87)
```
#d31c53
```
#d31c53 rgb(211,28,83)
```
#dc1350
```
#dc1350 rgb(220,19,80)
```
#e6094c
```
#e6094c rgb(230,9,76)
```
#ef0049
```
#ef0049 rgb(239,0,73)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#72515b Atypical Achromatopsia 0.001% of the population

Dichromacy

#71717b Protanopia 1% of men
#866d55 Deuteranopia 1% of men
#cb393b Tritanopia 0.001% of the population

Trichromacy

#91556d Protanomaly 1% of men, 0.01% of women
#9f5355 Deuteranomaly 6% of men, 0.4% of women
#ca3245 Tritanomaly 0.01% of the population