#ca58f8 hex color

In a RGB color space, hex #ca58f8 is composed of 79.2% red, 34.5% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 18.5% cyan, 64.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 282.8 degrees, a saturation of 92% and a lightness of 65.9%. #ca58f8 color hex could be obtained by blending #ffb0ff with #9500f1. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 79
- G 35
- B 97
RGB color chart
- C 19
- M 65
- Y 0
- K 3
CMYK color chart

● #ca58f8 color description : Soft violet.

The hexadecimal color #ca58f8 has RGB values of R:202, G:88, B:248 and CMYK values of C:0.19, M:0.65, Y:0, K:0.03. Its decimal value is 13261048.

Hex triplet	ca58f8	`#ca58f8`
RGB Decimal	202, 88, 248	`rgb(202,88,248)`
RGB Percent	79.2, 34.5, 97.3	`rgb(79.2%,34.5%,97.3%)`
CMYK	19, 65, 0, 3
HSL	282.8°, 92, 65.9	`hsl(282.8,92%,65.9%)`
HSV (or HSB)	282.8°, 64.5, 97.3
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	58.335, 68.677, -60.586
XYZ	44.788, 26.315, 91.522
xyY	0.275, 0.162, 26.315
CIE-LCH	58.335, 91.581, 318.582
CIE-LUV	58.335, 40.228, -103.645
Hunter-Lab	51.298, 66.076, -69.872
Binary	11001010, 01011000, 11111000

#ca58f8
```
#ca58f8 rgb(202,88,248)
```
#86f858
```
#86f858 rgb(134,248,88)
```

Complementary Color

#7a58f8
```
#7a58f8 rgb(122,88,248)
```
#ca58f8
```
#ca58f8 rgb(202,88,248)
```
#f858d6
```
#f858d6 rgb(248,88,214)
```

Analogous Color

#58f87a
```
#58f87a rgb(88,248,122)
```
#ca58f8
```
#ca58f8 rgb(202,88,248)
```
#d6f858
```
#d6f858 rgb(214,248,88)
```

Split Complementary Color

#58f8ca
```
#58f8ca rgb(88,248,202)
```
#ca58f8
```
#ca58f8 rgb(202,88,248)
```
#f8ca58
```
#f8ca58 rgb(248,202,88)
```

Triadic Color

#5886f8
```
#5886f8 rgb(88,134,248)
```
#ca58f8
```
#ca58f8 rgb(202,88,248)
```
#f8ca58
```
#f8ca58 rgb(248,202,88)
```
#86f858
```
#86f858 rgb(134,248,88)
```

Tetradic Color

#b30ff5
```
#b30ff5 rgb(179,15,245)
```
#ba27f6
```
#ba27f6 rgb(186,39,246)
```
#c240f7
```
#c240f7 rgb(194,64,247)
```
#ca58f8
```
#ca58f8 rgb(202,88,248)
```
#d270f9
```
#d270f9 rgb(210,112,249)
```
#da89fa
```
#da89fa rgb(218,137,250)
```
#e1a1fb
```
#e1a1fb rgb(225,161,251)
```

Monochromatic Color

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

#a258f8
```
#a258f8 rgb(162,88,248)
```
#af58f8
```
#af58f8 rgb(175,88,248)
```
#bd58f8
```
#bd58f8 rgb(189,88,248)
```
#ca58f8
```
#ca58f8 rgb(202,88,248)
```
#d758f8
```
#d758f8 rgb(215,88,248)
```
#e558f8
```
#e558f8 rgb(229,88,248)
```
#f258f8
```
#f258f8 rgb(242,88,248)
```

Similar Colors

Text with hexadecimal color #ca58f8

This text has a font color of #ca58f8.

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

#ca58f8 background color

This paragraph has a background color of #ca58f8.

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

#ca58f8 border color

This element has a border color of #ca58f8.

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

CSS codes

.text {color:#ca58f8;}

.background {background-color:#ca58f8;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#0f0115
```
#0f0115 rgb(15,1,21)
```
#1d0228
```
#1d0228 rgb(29,2,40)
```
#2b023b
```
#2b023b rgb(43,2,59)
```
#38034e
```
#38034e rgb(56,3,78)
```
#460461
```
#460461 rgb(70,4,97)
```
#540573
```
#540573 rgb(84,5,115)
```
#610686
```
#610686 rgb(97,6,134)
```
#6f0699
```
#6f0699 rgb(111,6,153)
```
#7d07ac
```
#7d07ac rgb(125,7,172)
```
#8a08bf
```
#8a08bf rgb(138,8,191)
```
#9809d2
```
#9809d2 rgb(152,9,210)
```
#a50ae4
```
#a50ae4 rgb(165,10,228)
```

Shade Color Variation

#b20df5
```
#b20df5 rgb(178,13,245)
```
#b820f6
```
#b820f6 rgb(184,32,246)
```
#be32f6
```
#be32f6 rgb(190,50,246)
```
#c445f7
```
#c445f7 rgb(196,69,247)
```
#ca58f8
```
#ca58f8 rgb(202,88,248)
```
#d06bf9
```
#d06bf9 rgb(208,107,249)
```
#d67efa
```
#d67efa rgb(214,126,250)
```
#dc90fa
```
#dc90fa rgb(220,144,250)
```
#e2a3fb
```
#e2a3fb rgb(226,163,251)
```
#e8b6fc
```
#e8b6fc rgb(232,182,252)
```
#eec9fd
```
#eec9fd rgb(238,201,253)
```
#f4dcfe
```
#f4dcfe rgb(244,220,254)
```
#faeffe
```
#faeffe rgb(250,239,254)
```

Tint Color Variation

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

#aba2ae
```
#aba2ae rgb(171,162,174)
```
#ae9bb5
```
#ae9bb5 rgb(174,155,181)
```
#b094bc
```
#b094bc rgb(176,148,188)
```
#b38ec2
```
#b38ec2 rgb(179,142,194)
```
#b687c9
```
#b687c9 rgb(182,135,201)
```
#b980d0
```
#b980d0 rgb(185,128,208)
```
#bc79d7
```
#bc79d7 rgb(188,121,215)
```
#bf73dd
```
#bf73dd rgb(191,115,221)
```
#c16ce4
```
#c16ce4 rgb(193,108,228)
```
#c465eb
```
#c465eb rgb(196,101,235)
```
#c75ff1
```
#c75ff1 rgb(199,95,241)
```
#ca58f8
```
#ca58f8 rgb(202,88,248)
```
#cd51ff
```
#cd51ff rgb(205,81,255)
```

Tone Color Variation

Below, you can see how #ca58f8 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
#9882a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#508eff Protanopia 1% of men
#5193e8 Deuteranopia 1% of men
#b9838c Tritanopia 0.001% of the population

Trichromacy

#7c7afc Protanomaly 1% of men, 0.01% of women
#7d7dee Deuteranomaly 6% of men, 0.4% of women
#bf73b3 Tritanomaly 0.01% of the population

#ca58f8 hex color

#ca58f8 Color Information

#ca58f8 Color Conversion

Color Schemes with #ca58f8

Alternatives to #ca58f8

#ca58f8 Preview

Shades and Tints of #ca58f8

Tones of #ca58f8

Color Blindness Simulator