#ca3580 hex color

In a RGB color space, hex #ca3580 is composed of 79.2% red, 20.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.8% magenta, 36.6% yellow and 20.8% black. It has a hue angle of 329.8 degrees, a saturation of 58.4% and a lightness of 50%. #ca3580 color hex could be obtained by blending #ff6aff with #950001. Closest websafe color is: #cc3399.

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

● #ca3580 color description : Moderate pink.

The hexadecimal color #ca3580 has RGB values of R:202, G:53, B:128 and CMYK values of C:0, M:0.74, Y:0.37, K:0.21. Its decimal value is 13251968.

Hex triplet	ca3580	`#ca3580`
RGB Decimal	202, 53, 128	`rgb(202,53,128)`
RGB Percent	79.2, 20.8, 50.2	`rgb(79.2%,20.8%,50.2%)`
CMYK	0, 74, 37, 21
HSL	329.8°, 58.4, 50	`hsl(329.8,58.4%,50%)`
HSV (or HSB)	329.8°, 73.8, 79.2
Web Safe	cc3399	`#cc3399`

CIE-LAB	47.834, 63.487, -7.447
XYZ	29.527, 16.664, 22.082
xyY	0.432, 0.244, 16.664
CIE-LCH	47.834, 63.923, 353.31
CIE-LUV	47.834, 89.405, -21.482
Hunter-Lab	40.822, 57.674, -3.498
Binary	11001010, 00110101, 10000000

#ca3580
```
#ca3580 rgb(202,53,128)
```
#35ca7f
```
#35ca7f rgb(53,202,127)
```

Complementary Color

#ca35ca
```
#ca35ca rgb(202,53,202)
```
#ca3580
```
#ca3580 rgb(202,53,128)
```
#ca3536
```
#ca3536 rgb(202,53,54)
```

Analogous Color

#35caca
```
#35caca rgb(53,202,202)
```
#ca3580
```
#ca3580 rgb(202,53,128)
```
#36ca35
```
#36ca35 rgb(54,202,53)
```

Split Complementary Color

#3580ca
```
#3580ca rgb(53,128,202)
```
#ca3580
```
#ca3580 rgb(202,53,128)
```
#80ca35
```
#80ca35 rgb(128,202,53)
```

Triadic Color

#7f35ca
```
#7f35ca rgb(127,53,202)
```
#ca3580
```
#ca3580 rgb(202,53,128)
```
#80ca35
```
#80ca35 rgb(128,202,53)
```
#35ca7f
```
#35ca7f rgb(53,202,127)
```

Tetradic Color

#8d255a
```
#8d255a rgb(141,37,90)
```
#a22a66
```
#a22a66 rgb(162,42,102)
```
#b63073
```
#b63073 rgb(182,48,115)
```
#ca3580
```
#ca3580 rgb(202,53,128)
```
#cf498d
```
#cf498d rgb(207,73,141)
```
#d55d99
```
#d55d99 rgb(213,93,153)
```
#da72a6
```
#da72a6 rgb(218,114,166)
```

Monochromatic Color

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

#ca35a5
```
#ca35a5 rgb(202,53,165)
```
#ca3599
```
#ca3599 rgb(202,53,153)
```
#ca358c
```
#ca358c rgb(202,53,140)
```
#ca3580
```
#ca3580 rgb(202,53,128)
```
#ca3574
```
#ca3574 rgb(202,53,116)
```
#ca3567
```
#ca3567 rgb(202,53,103)
```
#ca355b
```
#ca355b rgb(202,53,91)
```

Similar Colors

Text with hexadecimal color #ca3580

This text has a font color of #ca3580.

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

#ca3580 background color

This paragraph has a background color of #ca3580.

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

#ca3580 border color

This element has a border color of #ca3580.

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

CSS codes

.text {color:#ca3580;}

.background {background-color:#ca3580;}

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

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, #10040a is the darkest color, while #ffffff is the lightest one.

#10040a
```
#10040a rgb(16,4,10)
```
#1f0814
```
#1f0814 rgb(31,8,20)
```
#2f0c1e
```
#2f0c1e rgb(47,12,30)
```
#3e1027
```
#3e1027 rgb(62,16,39)
```
#4e1431
```
#4e1431 rgb(78,20,49)
```
#5d183b
```
#5d183b rgb(93,24,59)
```
#6d1d45
```
#6d1d45 rgb(109,29,69)
```
#7c214f
```
#7c214f rgb(124,33,79)
```
#8c2559
```
#8c2559 rgb(140,37,89)
```
#9b2962
```
#9b2962 rgb(155,41,98)
```
#ab2d6c
```
#ab2d6c rgb(171,45,108)
```
#ba3176
```
#ba3176 rgb(186,49,118)
```
#ca3580
```
#ca3580 rgb(202,53,128)
```

Shade Color Variation

#ce458a
```
#ce458a rgb(206,69,138)
```
#d25494
```
#d25494 rgb(210,84,148)
```
#d6649d
```
#d6649d rgb(214,100,157)
```
#da73a7
```
#da73a7 rgb(218,115,167)
```
#de83b1
```
#de83b1 rgb(222,131,177)
```
#e292bb
```
#e292bb rgb(226,146,187)
```
#e7a2c4
```
#e7a2c4 rgb(231,162,196)
```
#ebb1ce
```
#ebb1ce rgb(235,177,206)
```
#efc1d8
```
#efc1d8 rgb(239,193,216)
```
#f3d0e2
```
#f3d0e2 rgb(243,208,226)
```
#f7e0eb
```
#f7e0eb rgb(247,224,235)
```
#fbeff5
```
#fbeff5 rgb(251,239,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#857a80
```
#857a80 rgb(133,122,128)
```
#8f7080
```
#8f7080 rgb(143,112,128)
```
#996680
```
#996680 rgb(153,102,128)
```
#a35c80
```
#a35c80 rgb(163,92,128)
```
#ad5280
```
#ad5280 rgb(173,82,128)
```
#b64980
```
#b64980 rgb(182,73,128)
```
#c03f80
```
#c03f80 rgb(192,63,128)
```
#ca3580
```
#ca3580 rgb(202,53,128)
```
#d42b80
```
#d42b80 rgb(212,43,128)
```
#de2180
```
#de2180 rgb(222,33,128)
```
#e71880
```
#e71880 rgb(231,24,128)
```
#f10e80
```
#f10e80 rgb(241,14,128)
```
#fb0480
```
#fb0480 rgb(251,4,128)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7d5f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6977a5 Protanopia 1% of men
#82757b Deuteranopia 1% of men
#c84e52 Tritanopia 0.001% of the population

Trichromacy

#8c5f98 Protanomaly 1% of men, 0.01% of women
#9c5d7d Deuteranomaly 6% of men, 0.4% of women
#c94462 Tritanomaly 0.01% of the population

#ca3580 hex color

#ca3580 Color Information

#ca3580 Color Conversion

Color Schemes with #ca3580

Alternatives to #ca3580

#ca3580 Preview

Shades and Tints of #ca3580

Tones of #ca3580

Color Blindness Simulator