#ca5684 hex color

In a RGB color space, hex #ca5684 is composed of 79.2% red, 33.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.4% magenta, 34.7% yellow and 20.8% black. It has a hue angle of 336.2 degrees, a saturation of 52.3% and a lightness of 56.5%. #ca5684 color hex could be obtained by blending #ffacff with #950009. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 79
- G 34
- B 52
RGB color chart
- C 0
- M 57
- Y 35
- K 21
CMYK color chart

● #ca5684 color description : Moderate pink.

The hexadecimal color #ca5684 has RGB values of R:202, G:86, B:132 and CMYK values of C:0, M:0.57, Y:0.35, K:0.21. Its decimal value is 13260420.

Hex triplet	ca5684	`#ca5684`
RGB Decimal	202, 86, 132	`rgb(202,86,132)`
RGB Percent	79.2, 33.7, 51.8	`rgb(79.2%,33.7%,51.8%)`
CMYK	0, 57, 35, 21
HSL	336.2°, 52.3, 56.5	`hsl(336.2,52.3%,56.5%)`
HSV (or HSB)	336.2°, 57.4, 79.2
Web Safe	cc6699	`#cc6699`

CIE-LAB	52.819, 50.66, -2.464
XYZ	31.85, 20.881, 24.182
xyY	0.414, 0.271, 20.881
CIE-LCH	52.819, 50.72, 357.215
CIE-LUV	52.819, 73.632, -12.584
Hunter-Lab	45.695, 44.45, 0.611
Binary	11001010, 01010110, 10000100

#ca5684
```
#ca5684 rgb(202,86,132)
```
#56ca9c
```
#56ca9c rgb(86,202,156)
```

Complementary Color

#ca56be
```
#ca56be rgb(202,86,190)
```
#ca5684
```
#ca5684 rgb(202,86,132)
```
#ca6256
```
#ca6256 rgb(202,98,86)
```

Analogous Color

#56beca
```
#56beca rgb(86,190,202)
```
#ca5684
```
#ca5684 rgb(202,86,132)
```
#56ca62
```
#56ca62 rgb(86,202,98)
```

Split Complementary Color

#5684ca
```
#5684ca rgb(86,132,202)
```
#ca5684
```
#ca5684 rgb(202,86,132)
```
#84ca56
```
#84ca56 rgb(132,202,86)
```

Triadic Color

#9c56ca
```
#9c56ca rgb(156,86,202)
```
#ca5684
```
#ca5684 rgb(202,86,132)
```
#84ca56
```
#84ca56 rgb(132,202,86)
```
#56ca9c
```
#56ca9c rgb(86,202,156)
```

Tetradic Color

#a1325e
```
#a1325e rgb(161,50,94)
```
#b4396a
```
#b4396a rgb(180,57,106)
```
#c44376
```
#c44376 rgb(196,67,118)
```
#ca5684
```
#ca5684 rgb(202,86,132)
```
#d06992
```
#d06992 rgb(208,105,146)
```
#d67da0
```
#d67da0 rgb(214,125,160)
```
#dc90ae
```
#dc90ae rgb(220,144,174)
```

Monochromatic Color

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

#ca56a1
```
#ca56a1 rgb(202,86,161)
```
#ca5697
```
#ca5697 rgb(202,86,151)
```
#ca568e
```
#ca568e rgb(202,86,142)
```
#ca5684
```
#ca5684 rgb(202,86,132)
```
#ca567a
```
#ca567a rgb(202,86,122)
```
#ca5671
```
#ca5671 rgb(202,86,113)
```
#ca5667
```
#ca5667 rgb(202,86,103)
```

Similar Colors

Text with hexadecimal color #ca5684

This text has a font color of #ca5684.

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

#ca5684 background color

This paragraph has a background color of #ca5684.

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

#ca5684 border color

This element has a border color of #ca5684.

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

CSS codes

.text {color:#ca5684;}

.background {background-color:#ca5684;}

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

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

#0a0306
```
#0a0306 rgb(10,3,6)
```
#19080f
```
#19080f rgb(25,8,15)
```
#280d17
```
#280d17 rgb(40,13,23)
```
#371120
```
#371120 rgb(55,17,32)
```
#461629
```
#461629 rgb(70,22,41)
```
#551b32
```
#551b32 rgb(85,27,50)
```
#641f3a
```
#641f3a rgb(100,31,58)
```
#732443
```
#732443 rgb(115,36,67)
```
#82294c
```
#82294c rgb(130,41,76)
```
#912d55
```
#912d55 rgb(145,45,85)
```
#a0325d
```
#a0325d rgb(160,50,93)
```
#ae3766
```
#ae3766 rgb(174,55,102)
```
#bd3b6f
```
#bd3b6f rgb(189,59,111)
```

Shade Color Variation

#c54779
```
#c54779 rgb(197,71,121)
```
#ca5684
```
#ca5684 rgb(202,86,132)
```
#cf658f
```
#cf658f rgb(207,101,143)
```
#d3749a
```
#d3749a rgb(211,116,154)
```
#d883a5
```
#d883a5 rgb(216,131,165)
```
#dd92af
```
#dd92af rgb(221,146,175)
```
#e1a1ba
```
#e1a1ba rgb(225,161,186)
```
#e6b0c5
```
#e6b0c5 rgb(230,176,197)
```
#ebbfd0
```
#ebbfd0 rgb(235,191,208)
```
#efcddb
```
#efcddb rgb(239,205,219)
```
#f4dce6
```
#f4dce6 rgb(244,220,230)
```
#f9ebf1
```
#f9ebf1 rgb(249,235,241)
```
#fefafc
```
#fefafc rgb(254,250,252)
```

Tint Color Variation

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

#97898f
```
#97898f rgb(151,137,143)
```
#9f818d
```
#9f818d rgb(159,129,141)
```
#a8788b
```
#a8788b rgb(168,120,139)
```
#b07089
```
#b07089 rgb(176,112,137)
```
#b96788
```
#b96788 rgb(185,103,136)
```
#c15f86
```
#c15f86 rgb(193,95,134)
```
#ca5684
```
#ca5684 rgb(202,86,132)
```
#d34d82
```
#d34d82 rgb(211,77,130)
```
#db4580
```
#db4580 rgb(219,69,128)
```
#e43c7f
```
#e43c7f rgb(228,60,127)
```
#ec347d
```
#ec347d rgb(236,52,125)
```
#f52b7b
```
#f52b7b rgb(245,43,123)
```
#fd2379
```
#fd2379 rgb(253,35,121)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8d767f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e839e Protanopia 1% of men
#918082 Deuteranopia 1% of men
#ca656b Tritanopia 0.001% of the population

Trichromacy

#997394 Protanomaly 1% of men, 0.01% of women
#a67182 Deuteranomaly 6% of men, 0.4% of women
#ca5f74 Tritanomaly 0.01% of the population

#ca5684 hex color

#ca5684 Color Information

#ca5684 Color Conversion

Color Schemes with #ca5684

Alternatives to #ca5684

#ca5684 Preview

Shades and Tints of #ca5684

Tones of #ca5684

Color Blindness Simulator