#ca58f6 hex color

In a RGB color space, hex #ca58f6 is composed of 79.2% red, 34.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 17.9% cyan, 64.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 283.3 degrees, a saturation of 89.8% and a lightness of 65.5%. #ca58f6 color hex could be obtained by blending #ffb0ff with #9500ed. Closest websafe color is: #cc66ff.

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

● #ca58f6 color description : Soft violet.

The hexadecimal color #ca58f6 has RGB values of R:202, G:88, B:246 and CMYK values of C:0.18, M:0.64, Y:0, K:0.04. Its decimal value is 13261046.

Hex triplet	ca58f6	`#ca58f6`
RGB Decimal	202, 88, 246	`rgb(202,88,246)`
RGB Percent	79.2, 34.5, 96.5	`rgb(79.2%,34.5%,96.5%)`
CMYK	18, 64, 0, 4
HSL	283.3°, 89.8, 65.5	`hsl(283.3,89.8%,65.5%)`
HSV (or HSB)	283.3°, 64.2, 96.5
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	58.218, 68.283, -59.662
XYZ	44.479, 26.191, 89.896
xyY	0.277, 0.163, 26.191
CIE-LCH	58.218, 90.676, 318.854
CIE-LUV	58.218, 40.716, -102.129
Hunter-Lab	51.178, 65.577, -68.322
Binary	11001010, 01011000, 11110110

#ca58f6
```
#ca58f6 rgb(202,88,246)
```
#84f658
```
#84f658 rgb(132,246,88)
```

Complementary Color

#7b58f6
```
#7b58f6 rgb(123,88,246)
```
#ca58f6
```
#ca58f6 rgb(202,88,246)
```
#f658d3
```
#f658d3 rgb(246,88,211)
```

Analogous Color

#58f67b
```
#58f67b rgb(88,246,123)
```
#ca58f6
```
#ca58f6 rgb(202,88,246)
```
#d3f658
```
#d3f658 rgb(211,246,88)
```

Split Complementary Color

#58f6ca
```
#58f6ca rgb(88,246,202)
```
#ca58f6
```
#ca58f6 rgb(202,88,246)
```
#f6ca58
```
#f6ca58 rgb(246,202,88)
```

Triadic Color

#5884f6
```
#5884f6 rgb(88,132,246)
```
#ca58f6
```
#ca58f6 rgb(202,88,246)
```
#f6ca58
```
#f6ca58 rgb(246,202,88)
```
#84f658
```
#84f658 rgb(132,246,88)
```

Tetradic Color

#b30ff2
```
#b30ff2 rgb(179,15,242)
```
#bb28f3
```
#bb28f3 rgb(187,40,243)
```
#c240f5
```
#c240f5 rgb(194,64,245)
```
#ca58f6
```
#ca58f6 rgb(202,88,246)
```
#d270f7
```
#d270f7 rgb(210,112,247)
```
#d988f9
```
#d988f9 rgb(217,136,249)
```
#e1a1fa
```
#e1a1fa rgb(225,161,250)
```

Monochromatic Color

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

#a358f6
```
#a358f6 rgb(163,88,246)
```
#b058f6
```
#b058f6 rgb(176,88,246)
```
#bd58f6
```
#bd58f6 rgb(189,88,246)
```
#ca58f6
```
#ca58f6 rgb(202,88,246)
```
#d758f6
```
#d758f6 rgb(215,88,246)
```
#e458f6
```
#e458f6 rgb(228,88,246)
```
#f258f6
```
#f258f6 rgb(242,88,246)
```

Similar Colors

Text with hexadecimal color #ca58f6

This text has a font color of #ca58f6.

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

#ca58f6 background color

This paragraph has a background color of #ca58f6.

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

#ca58f6 border color

This element has a border color of #ca58f6.

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

CSS codes

.text {color:#ca58f6;}

.background {background-color:#ca58f6;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#0e0113
```
#0e0113 rgb(14,1,19)
```
#1c0226
```
#1c0226 rgb(28,2,38)
```
#2a0338
```
#2a0338 rgb(42,3,56)
```
#37044b
```
#37044b rgb(55,4,75)
```
#45055e
```
#45055e rgb(69,5,94)
```
#530670
```
#530670 rgb(83,6,112)
```
#600783
```
#600783 rgb(96,7,131)
```
#6e0895
```
#6e0895 rgb(110,8,149)
```
#7c09a8
```
#7c09a8 rgb(124,9,168)
```
#890abb
```
#890abb rgb(137,10,187)
```
#970bcd
```
#970bcd rgb(151,11,205)
```
#a50ce0
```
#a50ce0 rgb(165,12,224)
```

Shade Color Variation

#b20ef2
```
#b20ef2 rgb(178,14,242)
```
#b820f3
```
#b820f3 rgb(184,32,243)
```
#be33f4
```
#be33f4 rgb(190,51,244)
```
#c445f5
```
#c445f5 rgb(196,69,245)
```
#ca58f6
```
#ca58f6 rgb(202,88,246)
```
#d06bf7
```
#d06bf7 rgb(208,107,247)
```
#d67df8
```
#d67df8 rgb(214,125,248)
```
#dc90f9
```
#dc90f9 rgb(220,144,249)
```
#e2a2fa
```
#e2a2fa rgb(226,162,250)
```
#e8b5fb
```
#e8b5fb rgb(232,181,251)
```
#edc8fc
```
#edc8fc rgb(237,200,252)
```
#f3dafd
```
#f3dafd rgb(243,218,253)
```
#f9edfe
```
#f9edfe rgb(249,237,254)
```

Tint Color Variation

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

#a9a2ac
```
#a9a2ac rgb(169,162,172)
```
#ac9cb2
```
#ac9cb2 rgb(172,156,178)
```
#af95b9
```
#af95b9 rgb(175,149,185)
```
#b28ec0
```
#b28ec0 rgb(178,142,192)
```
#b587c7
```
#b587c7 rgb(181,135,199)
```
#b881cd
```
#b881cd rgb(184,129,205)
```
#bb7ad4
```
#bb7ad4 rgb(187,122,212)
```
#be73db
```
#be73db rgb(190,115,219)
```
#c16ce2
```
#c16ce2 rgb(193,108,226)
```
#c466e8
```
#c466e8 rgb(196,102,232)
```
#c75fef
```
#c75fef rgb(199,95,239)
```
#ca58f6
```
#ca58f6 rgb(202,88,246)
```
#cd51fd
```
#cd51fd rgb(205,81,253)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#9882a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f8eff Protanopia 1% of men
#5492e6 Deuteranopia 1% of men
#ba838c Tritanopia 0.001% of the population

Trichromacy

#7c7afb Protanomaly 1% of men, 0.01% of women
#7f7dec Deuteranomaly 6% of men, 0.4% of women
#bf73b2 Tritanomaly 0.01% of the population

#ca58f6 hex color

#ca58f6 Color Information

#ca58f6 Color Conversion

Color Schemes with #ca58f6

Alternatives to #ca58f6

#ca58f6 Preview

Shades and Tints of #ca58f6

Tones of #ca58f6

Color Blindness Simulator