#ca1f59 hex color

In a RGB color space, hex #ca1f59 is composed of 79.2% red, 12.2% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.7% magenta, 55.9% yellow and 20.8% black. It has a hue angle of 339.6 degrees, a saturation of 73.4% and a lightness of 45.7%. #ca1f59 color hex could be obtained by blending #ff3eb2 with #950000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 79
- G 12
- B 35
RGB color chart
- C 0
- M 85
- Y 56
- K 21
CMYK color chart

● #ca1f59 color description : Strong pink.

The hexadecimal color #ca1f59 has RGB values of R:202, G:31, B:89 and CMYK values of C:0, M:0.85, Y:0.56, K:0.21. Its decimal value is 13246297.

Hex triplet	ca1f59	`#ca1f59`
RGB Decimal	202, 31, 89	`rgb(202,31,89)`
RGB Percent	79.2, 12.2, 34.9	`rgb(79.2%,12.2%,34.9%)`
CMYK	0, 85, 56, 21
HSL	339.6°, 73.4, 45.7	`hsl(339.6,73.4%,45.7%)`
HSV (or HSB)	339.6°, 84.7, 79.2
Web Safe	cc3366	`#cc3366`

CIE-LAB	44.605, 66.035, 11.911
XYZ	26.651, 14.261, 10.8
xyY	0.515, 0.276, 14.261
CIE-LCH	44.605, 67.101, 10.225
CIE-LUV	44.605, 111.743, 1.081
Hunter-Lab	37.764, 59.888, 9.478
Binary	11001010, 00011111, 01011001

#ca1f59
```
#ca1f59 rgb(202,31,89)
```
#1fca90
```
#1fca90 rgb(31,202,144)
```

Complementary Color

#ca1faf
```
#ca1faf rgb(202,31,175)
```
#ca1f59
```
#ca1f59 rgb(202,31,89)
```
#ca3b1f
```
#ca3b1f rgb(202,59,31)
```

Analogous Color

#1fafca
```
#1fafca rgb(31,175,202)
```
#ca1f59
```
#ca1f59 rgb(202,31,89)
```
#1fca3b
```
#1fca3b rgb(31,202,59)
```

Split Complementary Color

#1f59ca
```
#1f59ca rgb(31,89,202)
```
#ca1f59
```
#ca1f59 rgb(202,31,89)
```
#59ca1f
```
#59ca1f rgb(89,202,31)
```

Triadic Color

#901fca
```
#901fca rgb(144,31,202)
```
#ca1f59
```
#ca1f59 rgb(202,31,89)
```
#59ca1f
```
#59ca1f rgb(89,202,31)
```
#1fca90
```
#1fca90 rgb(31,202,144)
```

Tetradic Color

#88153c
```
#88153c rgb(136,21,60)
```
#9e1846
```
#9e1846 rgb(158,24,70)
```
#b41c4f
```
#b41c4f rgb(180,28,79)
```
#ca1f59
```
#ca1f59 rgb(202,31,89)
```
#de2564
```
#de2564 rgb(222,37,100)
```
#e13b73
```
#e13b73 rgb(225,59,115)
```
#e45183
```
#e45183 rgb(228,81,131)
```

Monochromatic Color

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

#ca1f84
```
#ca1f84 rgb(202,31,132)
```
#ca1f76
```
#ca1f76 rgb(202,31,118)
```
#ca1f67
```
#ca1f67 rgb(202,31,103)
```
#ca1f59
```
#ca1f59 rgb(202,31,89)
```
#ca1f4b
```
#ca1f4b rgb(202,31,75)
```
#ca1f3c
```
#ca1f3c rgb(202,31,60)
```
#ca1f2e
```
#ca1f2e rgb(202,31,46)
```

Similar Colors

Text with hexadecimal color #ca1f59

This text has a font color of #ca1f59.

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

#ca1f59 background color

This paragraph has a background color of #ca1f59.

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

#ca1f59 border color

This element has a border color of #ca1f59.

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

CSS codes

.text {color:#ca1f59;}

.background {background-color:#ca1f59;}

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

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, #0f0207 is the darkest color, while #fffdfe is the lightest one.

#0f0207
```
#0f0207 rgb(15,2,7)
```
#20050e
```
#20050e rgb(32,5,14)
```
#310816
```
#310816 rgb(49,8,22)
```
#420a1d
```
#420a1d rgb(66,10,29)
```
#530d25
```
#530d25 rgb(83,13,37)
```
#640f2c
```
#640f2c rgb(100,15,44)
```
#751234
```
#751234 rgb(117,18,52)
```
#86153b
```
#86153b rgb(134,21,59)
```
#971743
```
#971743 rgb(151,23,67)
```
#a81a4a
```
#a81a4a rgb(168,26,74)
```
#b91c52
```
#b91c52 rgb(185,28,82)
```
#ca1f59
```
#ca1f59 rgb(202,31,89)
```
#db2260
```
#db2260 rgb(219,34,96)
```

Shade Color Variation

#df316c
```
#df316c rgb(223,49,108)
```
#e24278
```
#e24278 rgb(226,66,120)
```
#e55384
```
#e55384 rgb(229,83,132)
```
#e76490
```
#e76490 rgb(231,100,144)
```
#ea759d
```
#ea759d rgb(234,117,157)
```
#ec86a9
```
#ec86a9 rgb(236,134,169)
```
#ef97b5
```
#ef97b5 rgb(239,151,181)
```
#f2a8c1
```
#f2a8c1 rgb(242,168,193)
```
#f4b9cd
```
#f4b9cd rgb(244,185,205)
```
#f7cad9
```
#f7cad9 rgb(247,202,217)
```
#f9dbe5
```
#f9dbe5 rgb(249,219,229)
```
#fcecf1
```
#fcecf1 rgb(252,236,241)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#797073
```
#797073 rgb(121,112,115)
```
#826770
```
#826770 rgb(130,103,112)
```
#8b5e6d
```
#8b5e6d rgb(139,94,109)
```
#94556a
```
#94556a rgb(148,85,106)
```
#9d4c67
```
#9d4c67 rgb(157,76,103)
```
#a64365
```
#a64365 rgb(166,67,101)
```
#af3a62
```
#af3a62 rgb(175,58,98)
```
#b8315f
```
#b8315f rgb(184,49,95)
```
#c1285c
```
#c1285c rgb(193,40,92)
```
#ca1f59
```
#ca1f59 rgb(202,31,89)
```
#d31656
```
#d31656 rgb(211,22,86)
```
#dc0d53
```
#dc0d53 rgb(220,13,83)
```
#e50450
```
#e50450 rgb(229,4,80)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#704d59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e707e Protanopia 1% of men
#846c56 Deuteranopia 1% of men
#ca3638 Tritanopia 0.001% of the population

Trichromacy

#905271 Protanomaly 1% of men, 0.01% of women
#9d5057 Deuteranomaly 6% of men, 0.4% of women
#ca2e44 Tritanomaly 0.01% of the population

#ca1f59 hex color

#ca1f59 Color Information

#ca1f59 Color Conversion

Color Schemes with #ca1f59

Alternatives to #ca1f59

#ca1f59 Preview

Shades and Tints of #ca1f59

Tones of #ca1f59

Color Blindness Simulator