#ca54b2 hex color

In a RGB color space, hex #ca54b2 is composed of 79.2% red, 32.9% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.4% magenta, 11.9% yellow and 20.8% black. It has a hue angle of 312.2 degrees, a saturation of 52.7% and a lightness of 56.1%. #ca54b2 color hex could be obtained by blending #ffa8ff with #950065. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 79
- G 33
- B 70
RGB color chart
- C 0
- M 58
- Y 12
- K 21
CMYK color chart

● #ca54b2 color description : Moderate magenta.

The hexadecimal color #ca54b2 has RGB values of R:202, G:84, B:178 and CMYK values of C:0, M:0.58, Y:0.12, K:0.21. Its decimal value is 13259954.

Hex triplet	ca54b2	`#ca54b2`
RGB Decimal	202, 84, 178	`rgb(202,84,178)`
RGB Percent	79.2, 32.9, 69.8	`rgb(79.2%,32.9%,69.8%)`
CMYK	0, 58, 12, 21
HSL	312.2°, 52.7, 56.1	`hsl(312.2,52.7%,56.1%)`
HSV (or HSB)	312.2°, 58.4, 79.2
Web Safe	cc6699	`#cc6699`

CIE-LAB	54.148, 57.933, -27.491
XYZ	35.563, 22.114, 44.512
xyY	0.348, 0.216, 22.114
CIE-LCH	54.148, 64.125, 334.614
CIE-LUV	54.148, 60.681, -49.928
Hunter-Lab	47.025, 52.696, -23.204
Binary	11001010, 01010100, 10110010

#ca54b2
```
#ca54b2 rgb(202,84,178)
```
#54ca6c
```
#54ca6c rgb(84,202,108)
```

Complementary Color

#a754ca
```
#a754ca rgb(167,84,202)
```
#ca54b2
```
#ca54b2 rgb(202,84,178)
```
#ca5477
```
#ca5477 rgb(202,84,119)
```

Analogous Color

#54caa7
```
#54caa7 rgb(84,202,167)
```
#ca54b2
```
#ca54b2 rgb(202,84,178)
```
#77ca54
```
#77ca54 rgb(119,202,84)
```

Split Complementary Color

#54b2ca
```
#54b2ca rgb(84,178,202)
```
#ca54b2
```
#ca54b2 rgb(202,84,178)
```
#b2ca54
```
#b2ca54 rgb(178,202,84)
```

Triadic Color

#6c54ca
```
#6c54ca rgb(108,84,202)
```
#ca54b2
```
#ca54b2 rgb(202,84,178)
```
#b2ca54
```
#b2ca54 rgb(178,202,84)
```
#54ca6c
```
#54ca6c rgb(84,202,108)
```

Tetradic Color

#a03289
```
#a03289 rgb(160,50,137)
```
#b3389a
```
#b3389a rgb(179,56,154)
```
#c441a9
```
#c441a9 rgb(196,65,169)
```
#ca54b2
```
#ca54b2 rgb(202,84,178)
```
#d067bb
```
#d067bb rgb(208,103,187)
```
#d67bc4
```
#d67bc4 rgb(214,123,196)
```
#dc8ecc
```
#dc8ecc rgb(220,142,204)
```

Monochromatic Color

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

#c554ca
```
#c554ca rgb(197,84,202)
```
#ca54c6
```
#ca54c6 rgb(202,84,198)
```
#ca54bc
```
#ca54bc rgb(202,84,188)
```
#ca54b2
```
#ca54b2 rgb(202,84,178)
```
#ca54a8
```
#ca54a8 rgb(202,84,168)
```
#ca549e
```
#ca549e rgb(202,84,158)
```
#ca5495
```
#ca5495 rgb(202,84,149)
```

Similar Colors

Text with hexadecimal color #ca54b2

This text has a font color of #ca54b2.

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

#ca54b2 background color

This paragraph has a background color of #ca54b2.

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

#ca54b2 border color

This element has a border color of #ca54b2.

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

CSS codes

.text {color:#ca54b2;}

.background {background-color:#ca54b2;}

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

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

#090307
```
#090307 rgb(9,3,7)
```
#180714
```
#180714 rgb(24,7,20)
```
#270c21
```
#270c21 rgb(39,12,33)
```
#36112e
```
#36112e rgb(54,17,46)
```
#45153b
```
#45153b rgb(69,21,59)
```
#541a48
```
#541a48 rgb(84,26,72)
```
#631f55
```
#631f55 rgb(99,31,85)
```
#722362
```
#722362 rgb(114,35,98)
```
#80286e
```
#80286e rgb(128,40,110)
```
#8f2c7b
```
#8f2c7b rgb(143,44,123)
```
#9e3188
```
#9e3188 rgb(158,49,136)
```
#ad3695
```
#ad3695 rgb(173,54,149)
```
#bc3aa2
```
#bc3aa2 rgb(188,58,162)
```

Shade Color Variation

#c545ab
```
#c545ab rgb(197,69,171)
```
#ca54b2
```
#ca54b2 rgb(202,84,178)
```
#cf63b9
```
#cf63b9 rgb(207,99,185)
```
#d372bf
```
#d372bf rgb(211,114,191)
```
#d881c6
```
#d881c6 rgb(216,129,198)
```
#dd90cd
```
#dd90cd rgb(221,144,205)
```
#e19fd4
```
#e19fd4 rgb(225,159,212)
```
#e6aeda
```
#e6aeda rgb(230,174,218)
```
#eabde1
```
#eabde1 rgb(234,189,225)
```
#efcce8
```
#efcce8 rgb(239,204,232)
```
#f4dbef
```
#f4dbef rgb(244,219,239)
```
#f8eaf5
```
#f8eaf5 rgb(248,234,245)
```
#fdf9fc
```
#fdf9fc rgb(253,249,252)
```

Tint Color Variation

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

#968893
```
#968893 rgb(150,136,147)
```
#9f7f98
```
#9f7f98 rgb(159,127,152)
```
#a8769e
```
#a8769e rgb(168,118,158)
```
#b06ea3
```
#b06ea3 rgb(176,110,163)
```
#b965a8
```
#b965a8 rgb(185,101,168)
```
#c15dad
```
#c15dad rgb(193,93,173)
```
#ca54b2
```
#ca54b2 rgb(202,84,178)
```
#d34bb7
```
#d34bb7 rgb(211,75,183)
```
#db43bc
```
#db43bc rgb(219,67,188)
```
#e43ac1
```
#e43ac1 rgb(228,58,193)
```
#ec32c6
```
#ec32c6 rgb(236,50,198)
```
#f529cc
```
#f529cc rgb(245,41,204)
```
#fe20d1
```
#fe20d1 rgb(254,32,209)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#90798c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6785d2 Protanopia 1% of men
#8085ab Deuteranopia 1% of men
#c56e75 Tritanopia 0.001% of the population

Trichromacy

#8b73c6 Protanomaly 1% of men, 0.01% of women
#9b73ad Deuteranomaly 6% of men, 0.4% of women
#c6648b Tritanomaly 0.01% of the population

#ca54b2 hex color

#ca54b2 Color Information

#ca54b2 Color Conversion

Color Schemes with #ca54b2

Alternatives to #ca54b2

#ca54b2 Preview

Shades and Tints of #ca54b2

Tones of #ca54b2

Color Blindness Simulator