#ca84a2 hex color

In a RGB color space, hex #ca84a2 is composed of 79.2% red, 51.8% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.7% magenta, 19.8% yellow and 20.8% black. It has a hue angle of 334.3 degrees, a saturation of 39.8% and a lightness of 65.5%. #ca84a2 color hex could be obtained by blending #ffffff with #950945. Closest websafe color is: #cc9999.

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

● #ca84a2 color description : Slightly desaturated pink.

The hexadecimal color #ca84a2 has RGB values of R:202, G:132, B:162 and CMYK values of C:0, M:0.35, Y:0.2, K:0.21. Its decimal value is 13272226.

Hex triplet	ca84a2	`#ca84a2`
RGB Decimal	202, 132, 162	`rgb(202,132,162)`
RGB Percent	79.2, 51.8, 63.5	`rgb(79.2%,51.8%,63.5%)`
CMYK	0, 35, 20, 21
HSL	334.3°, 39.8, 65.5	`hsl(334.3,39.8%,65.5%)`
HSV (or HSB)	334.3°, 34.7, 79.2
Web Safe	cc9999	`#cc9999`

CIE-LAB	63.069, 31.143, -4.772
XYZ	39.13, 31.67, 38.232
xyY	0.359, 0.29, 31.67
CIE-LCH	63.069, 31.506, 351.288
CIE-LUV	63.069, 41.855, -12.381
Hunter-Lab	56.276, 25.632, -0.887
Binary	11001010, 10000100, 10100010

#ca84a2
```
#ca84a2 rgb(202,132,162)
```
#84caac
```
#84caac rgb(132,202,172)
```

Complementary Color

#ca84c5
```
#ca84c5 rgb(202,132,197)
```
#ca84a2
```
#ca84a2 rgb(202,132,162)
```
#ca8984
```
#ca8984 rgb(202,137,132)
```

Analogous Color

#84c5ca
```
#84c5ca rgb(132,197,202)
```
#ca84a2
```
#ca84a2 rgb(202,132,162)
```
#84ca89
```
#84ca89 rgb(132,202,137)
```

Split Complementary Color

#84a2ca
```
#84a2ca rgb(132,162,202)
```
#ca84a2
```
#ca84a2 rgb(202,132,162)
```
#a2ca84
```
#a2ca84 rgb(162,202,132)
```

Triadic Color

#ac84ca
```
#ac84ca rgb(172,132,202)
```
#ca84a2
```
#ca84a2 rgb(202,132,162)
```
#a2ca84
```
#a2ca84 rgb(162,202,132)
```
#84caac
```
#84caac rgb(132,202,172)
```

Tetradic Color

#b34f7a
```
#b34f7a rgb(179,79,122)
```
#bb6087
```
#bb6087 rgb(187,96,135)
```
#c27295
```
#c27295 rgb(194,114,149)
```
#ca84a2
```
#ca84a2 rgb(202,132,162)
```
#d296af
```
#d296af rgb(210,150,175)
```
#d9a8bd
```
#d9a8bd rgb(217,168,189)
```
#e1b9ca
```
#e1b9ca rgb(225,185,202)
```

Monochromatic Color

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

#ca84b4
```
#ca84b4 rgb(202,132,180)
```
#ca84ae
```
#ca84ae rgb(202,132,174)
```
#ca84a8
```
#ca84a8 rgb(202,132,168)
```
#ca84a2
```
#ca84a2 rgb(202,132,162)
```
#ca849c
```
#ca849c rgb(202,132,156)
```
#ca8496
```
#ca8496 rgb(202,132,150)
```
#ca8491
```
#ca8491 rgb(202,132,145)
```

Similar Colors

Text with hexadecimal color #ca84a2

This text has a font color of #ca84a2.

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

#ca84a2 background color

This paragraph has a background color of #ca84a2.

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

#ca84a2 border color

This element has a border color of #ca84a2.

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

CSS codes

.text {color:#ca84a2;}

.background {background-color:#ca84a2;}

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

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, #000000 is the darkest color, while #f9f2f5 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0e060a
```
#0e060a rgb(14,6,10)
```
#1c0c13
```
#1c0c13 rgb(28,12,19)
```
#2a121c
```
#2a121c rgb(42,18,28)
```
#371825
```
#371825 rgb(55,24,37)
```
#451e2f
```
#451e2f rgb(69,30,47)
```
#532438
```
#532438 rgb(83,36,56)
```
#602a41
```
#602a41 rgb(96,42,65)
```
#6e2f4a
```
#6e2f4a rgb(110,47,74)
```
#7c3554
```
#7c3554 rgb(124,53,84)
```
#893b5d
```
#893b5d rgb(137,59,93)
```
#974166
```
#974166 rgb(151,65,102)
```
#a5476f
```
#a5476f rgb(165,71,111)
```

Shade Color Variation

#b24d79
```
#b24d79 rgb(178,77,121)
```
#b85b83
```
#b85b83 rgb(184,91,131)
```
#be698d
```
#be698d rgb(190,105,141)
```
#c47698
```
#c47698 rgb(196,118,152)
```
#ca84a2
```
#ca84a2 rgb(202,132,162)
```
#d092ac
```
#d092ac rgb(208,146,172)
```
#d69fb7
```
#d69fb7 rgb(214,159,183)
```
#dcadc1
```
#dcadc1 rgb(220,173,193)
```
#e2bbcb
```
#e2bbcb rgb(226,187,203)
```
#e8c9d6
```
#e8c9d6 rgb(232,201,214)
```
#edd6e0
```
#edd6e0 rgb(237,214,224)
```
#f3e4eb
```
#f3e4eb rgb(243,228,235)
```
#f9f2f5
```
#f9f2f5 rgb(249,242,245)
```

Tint Color Variation

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

#a8a6a7
```
#a8a6a7 rgb(168,166,167)
```
#af9fa6
```
#af9fa6 rgb(175,159,166)
```
#b698a5
```
#b698a5 rgb(182,152,165)
```
#bc92a4
```
#bc92a4 rgb(188,146,164)
```
#c38ba3
```
#c38ba3 rgb(195,139,163)
```
#ca84a2
```
#ca84a2 rgb(202,132,162)
```
#d17da1
```
#d17da1 rgb(209,125,161)
```
#d876a0
```
#d876a0 rgb(216,118,160)
```
#de709f
```
#de709f rgb(222,112,159)
```
#e5699e
```
#e5699e rgb(229,105,158)
```
#ec629d
```
#ec629d rgb(236,98,157)
```
#f35b9c
```
#f35b9c rgb(243,91,156)
```
#f9559b
```
#f9559b rgb(249,85,155)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a5979d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9cb1 Protanopia 1% of men
#aa99a2 Deuteranopia 1% of men
#ca8d97 Tritanopia 0.001% of the population

Trichromacy

#ab93ab Protanomaly 1% of men, 0.01% of women
#b591a2 Deuteranomaly 6% of men, 0.4% of women
#ca899b Tritanomaly 0.01% of the population

#ca84a2 hex color

#ca84a2 Color Information

#ca84a2 Color Conversion

Color Schemes with #ca84a2

Alternatives to #ca84a2

#ca84a2 Preview

Shades and Tints of #ca84a2

Tones of #ca84a2

Color Blindness Simulator