#ca4cf5 hex color

In a RGB color space, hex #ca4cf5 is composed of 79.2% red, 29.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 69% magenta, 0% yellow and 3.9% black. It has a hue angle of 284.7 degrees, a saturation of 89.4% and a lightness of 62.9%. #ca4cf5 color hex could be obtained by blending #ff98ff with #9500eb. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 79
- G 30
- B 96
RGB color chart
- C 18
- M 69
- Y 0
- K 4
CMYK color chart

● #ca4cf5 color description : Soft violet.

The hexadecimal color #ca4cf5 has RGB values of R:202, G:76, B:245 and CMYK values of C:0.18, M:0.69, Y:0, K:0.04. Its decimal value is 13257973.

Hex triplet	ca4cf5	`#ca4cf5`
RGB Decimal	202, 76, 245	`rgb(202,76,245)`
RGB Percent	79.2, 29.8, 96.1	`rgb(79.2%,29.8%,96.1%)`
CMYK	18, 69, 0, 4
HSL	284.7°, 89.4, 62.9	`hsl(284.7,89.4%,62.9%)`
HSV (or HSB)	284.7°, 69, 96.1
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	56.406, 72.989, -62.012
XYZ	43.421, 24.32, 88.788
xyY	0.277, 0.155, 24.32
CIE-LCH	56.406, 95.775, 319.648
CIE-LUV	56.406, 43.725, -105.499
Hunter-Lab	49.315, 70.865, -72.227
Binary	11001010, 01001100, 11110101

#ca4cf5
```
#ca4cf5 rgb(202,76,245)
```
#77f54c
```
#77f54c rgb(119,245,76)
```

Complementary Color

#764cf5
```
#764cf5 rgb(118,76,245)
```
#ca4cf5
```
#ca4cf5 rgb(202,76,245)
```
#f54ccc
```
#f54ccc rgb(245,76,204)
```

Analogous Color

#4cf576
```
#4cf576 rgb(76,245,118)
```
#ca4cf5
```
#ca4cf5 rgb(202,76,245)
```
#ccf54c
```
#ccf54c rgb(204,245,76)
```

Split Complementary Color

#4cf5ca
```
#4cf5ca rgb(76,245,202)
```
#ca4cf5
```
#ca4cf5 rgb(202,76,245)
```
#f5ca4c
```
#f5ca4c rgb(245,202,76)
```

Triadic Color

#4c77f5
```
#4c77f5 rgb(76,119,245)
```
#ca4cf5
```
#ca4cf5 rgb(202,76,245)
```
#f5ca4c
```
#f5ca4c rgb(245,202,76)
```
#77f54c
```
#77f54c rgb(119,245,76)
```

Tetradic Color

#b00de8
```
#b00de8 rgb(176,13,232)
```
#bc1cf2
```
#bc1cf2 rgb(188,28,242)
```
#c334f4
```
#c334f4 rgb(195,52,244)
```
#ca4cf5
```
#ca4cf5 rgb(202,76,245)
```
#d164f6
```
#d164f6 rgb(209,100,246)
```
#d87cf8
```
#d87cf8 rgb(216,124,248)
```
#df94f9
```
#df94f9 rgb(223,148,249)
```

Monochromatic Color

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

#a04cf5
```
#a04cf5 rgb(160,76,245)
```
#ae4cf5
```
#ae4cf5 rgb(174,76,245)
```
#bc4cf5
```
#bc4cf5 rgb(188,76,245)
```
#ca4cf5
```
#ca4cf5 rgb(202,76,245)
```
#d84cf5
```
#d84cf5 rgb(216,76,245)
```
#e64cf5
```
#e64cf5 rgb(230,76,245)
```
#f44cf5
```
#f44cf5 rgb(244,76,245)
```

Similar Colors

Text with hexadecimal color #ca4cf5

This text has a font color of #ca4cf5.

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

#ca4cf5 background color

This paragraph has a background color of #ca4cf5.

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

#ca4cf5 border color

This element has a border color of #ca4cf5.

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

CSS codes

.text {color:#ca4cf5;}

.background {background-color:#ca4cf5;}

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

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

#050007
```
#050007 rgb(5,0,7)
```
#130119
```
#130119 rgb(19,1,25)
```
#21022c
```
#21022c rgb(33,2,44)
```
#2f033f
```
#2f033f rgb(47,3,63)
```
#3e0551
```
#3e0551 rgb(62,5,81)
```
#4c0664
```
#4c0664 rgb(76,6,100)
```
#5a0776
```
#5a0776 rgb(90,7,118)
```
#680889
```
#680889 rgb(104,8,137)
```
#76099b
```
#76099b rgb(118,9,155)
```
#840aae
```
#840aae rgb(132,10,174)
```
#920bc1
```
#920bc1 rgb(146,11,193)
```
#a00cd3
```
#a00cd3 rgb(160,12,211)
```
#af0de6
```
#af0de6 rgb(175,13,230)
```

Shade Color Variation

#b914f2
```
#b914f2 rgb(185,20,242)
```
#bf27f3
```
#bf27f3 rgb(191,39,243)
```
#c439f4
```
#c439f4 rgb(196,57,244)
```
#ca4cf5
```
#ca4cf5 rgb(202,76,245)
```
#d05ff6
```
#d05ff6 rgb(208,95,246)
```
#d571f7
```
#d571f7 rgb(213,113,247)
```
#db84f8
```
#db84f8 rgb(219,132,248)
```
#e096f9
```
#e096f9 rgb(224,150,249)
```
#e6a9fa
```
#e6a9fa rgb(230,169,250)
```
#ebbbfb
```
#ebbbfb rgb(235,187,251)
```
#f1cefc
```
#f1cefc rgb(241,206,252)
```
#f6e1fd
```
#f6e1fd rgb(246,225,253)
```
#fcf3fe
```
#fcf3fe rgb(252,243,254)
```

Tint Color Variation

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

#a39ca5
```
#a39ca5 rgb(163,156,165)
```
#a695ac
```
#a695ac rgb(166,149,172)
```
#aa8db4
```
#aa8db4 rgb(170,141,180)
```
#ad86bb
```
#ad86bb rgb(173,134,187)
```
#b17fc2
```
#b17fc2 rgb(177,127,194)
```
#b578c9
```
#b578c9 rgb(181,120,201)
```
#b870d1
```
#b870d1 rgb(184,112,209)
```
#bc69d8
```
#bc69d8 rgb(188,105,216)
```
#bf62df
```
#bf62df rgb(191,98,223)
```
#c35be6
```
#c35be6 rgb(195,91,230)
```
#c653ee
```
#c653ee rgb(198,83,238)
```
#ca4cf5
```
#ca4cf5 rgb(202,76,245)
```
#ce45fc
```
#ce45fc rgb(206,69,252)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#937a9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4089ff Protanopia 1% of men
#478ee4 Deuteranopia 1% of men
#b97c85 Tritanopia 0.001% of the population

Trichromacy

#7273fb Protanomaly 1% of men, 0.01% of women
#7776ea Deuteranomaly 6% of men, 0.4% of women
#bf6bad Tritanomaly 0.01% of the population

#ca4cf5 hex color

#ca4cf5 Color Information

#ca4cf5 Color Conversion

Color Schemes with #ca4cf5

Alternatives to #ca4cf5

#ca4cf5 Preview

Shades and Tints of #ca4cf5

Tones of #ca4cf5

Color Blindness Simulator