#ca5cf2 hex color

In a RGB color space, hex #ca5cf2 is composed of 79.2% red, 36.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 62% magenta, 0% yellow and 5.1% black. It has a hue angle of 284 degrees, a saturation of 85.2% and a lightness of 65.5%. #ca5cf2 color hex could be obtained by blending #ffb8ff with #9500e5. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 79
- G 36
- B 95
RGB color chart
- C 17
- M 62
- Y 0
- K 5
CMYK color chart

● #ca5cf2 color description : Soft violet.

The hexadecimal color #ca5cf2 has RGB values of R:202, G:92, B:242 and CMYK values of C:0.17, M:0.62, Y:0, K:0.05. Its decimal value is 13262066.

Hex triplet	ca5cf2	`#ca5cf2`
RGB Decimal	202, 92, 242	`rgb(202,92,242)`
RGB Percent	79.2, 36.1, 94.9	`rgb(79.2%,36.1%,94.9%)`
CMYK	17, 62, 0, 5
HSL	284°, 85.2, 65.5	`hsl(284,85.2%,65.5%)`
HSV (or HSB)	284°, 62, 94.9
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	58.624, 65.747, -56.79
XYZ	44.209, 26.623, 86.81
xyY	0.28, 0.169, 26.623
CIE-LCH	58.624, 86.878, 319.18
CIE-LUV	58.624, 40.662, -97.532
Hunter-Lab	51.598, 62.644, -63.633
Binary	11001010, 01011100, 11110010

#ca5cf2
```
#ca5cf2 rgb(202,92,242)
```
#84f25c
```
#84f25c rgb(132,242,92)
```

Complementary Color

#7f5cf2
```
#7f5cf2 rgb(127,92,242)
```
#ca5cf2
```
#ca5cf2 rgb(202,92,242)
```
#f25ccf
```
#f25ccf rgb(242,92,207)
```

Analogous Color

#5cf27f
```
#5cf27f rgb(92,242,127)
```
#ca5cf2
```
#ca5cf2 rgb(202,92,242)
```
#cff25c
```
#cff25c rgb(207,242,92)
```

Split Complementary Color

#5cf2ca
```
#5cf2ca rgb(92,242,202)
```
#ca5cf2
```
#ca5cf2 rgb(202,92,242)
```
#f2ca5c
```
#f2ca5c rgb(242,202,92)
```

Triadic Color

#5c84f2
```
#5c84f2 rgb(92,132,242)
```
#ca5cf2
```
#ca5cf2 rgb(202,92,242)
```
#f2ca5c
```
#f2ca5c rgb(242,202,92)
```
#84f25c
```
#84f25c rgb(132,242,92)
```

Tetradic Color

#b315ec
```
#b315ec rgb(179,21,236)
```
#bb2dee
```
#bb2dee rgb(187,45,238)
```
#c244f0
```
#c244f0 rgb(194,68,240)
```
#ca5cf2
```
#ca5cf2 rgb(202,92,242)
```
#d274f4
```
#d274f4 rgb(210,116,244)
```
#d98bf6
```
#d98bf6 rgb(217,139,246)
```
#e1a3f8
```
#e1a3f8 rgb(225,163,248)
```

Monochromatic Color

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

#a55cf2
```
#a55cf2 rgb(165,92,242)
```
#b15cf2
```
#b15cf2 rgb(177,92,242)
```
#be5cf2
```
#be5cf2 rgb(190,92,242)
```
#ca5cf2
```
#ca5cf2 rgb(202,92,242)
```
#d75cf2
```
#d75cf2 rgb(215,92,242)
```
#e35cf2
```
#e35cf2 rgb(227,92,242)
```
#f05cf2
```
#f05cf2 rgb(240,92,242)
```

Similar Colors

Text with hexadecimal color #ca5cf2

This text has a font color of #ca5cf2.

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

#ca5cf2 background color

This paragraph has a background color of #ca5cf2.

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

#ca5cf2 border color

This element has a border color of #ca5cf2.

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

CSS codes

.text {color:#ca5cf2;}

.background {background-color:#ca5cf2;}

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

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 #f9edfe is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0e0113
```
#0e0113 rgb(14,1,19)
```
#1c0325
```
#1c0325 rgb(28,3,37)
```
#2a0437
```
#2a0437 rgb(42,4,55)
```
#370649
```
#370649 rgb(55,6,73)
```
#45075b
```
#45075b rgb(69,7,91)
```
#53096d
```
#53096d rgb(83,9,109)
```
#600a80
```
#600a80 rgb(96,10,128)
```
#6e0c92
```
#6e0c92 rgb(110,12,146)
```
#7c0da4
```
#7c0da4 rgb(124,13,164)
```
#890fb6
```
#890fb6 rgb(137,15,182)
```
#9710c8
```
#9710c8 rgb(151,16,200)
```
#a511da
```
#a511da rgb(165,17,218)
```

Shade Color Variation

#b213ec
```
#b213ec rgb(178,19,236)
```
#b826ee
```
#b826ee rgb(184,38,238)
```
#be38ef
```
#be38ef rgb(190,56,239)
```
#c44af1
```
#c44af1 rgb(196,74,241)
```
#ca5cf2
```
#ca5cf2 rgb(202,92,242)
```
#d06ef3
```
#d06ef3 rgb(208,110,243)
```
#d680f5
```
#d680f5 rgb(214,128,245)
```
#dc92f6
```
#dc92f6 rgb(220,146,246)
```
#e2a5f8
```
#e2a5f8 rgb(226,165,248)
```
#e8b7f9
```
#e8b7f9 rgb(232,183,249)
```
#edc9fb
```
#edc9fb rgb(237,201,251)
```
#f3dbfc
```
#f3dbfc rgb(243,219,252)
```
#f9edfe
```
#f9edfe rgb(249,237,254)
```

Tint Color Variation

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

#a7a6a8
```
#a7a6a8 rgb(167,166,168)
```
#aaa0ae
```
#aaa0ae rgb(170,160,174)
```
#ae99b5
```
#ae99b5 rgb(174,153,181)
```
#b192bc
```
#b192bc rgb(177,146,188)
```
#b48bc3
```
#b48bc3 rgb(180,139,195)
```
#b785c9
```
#b785c9 rgb(183,133,201)
```
#ba7ed0
```
#ba7ed0 rgb(186,126,208)
```
#bd77d7
```
#bd77d7 rgb(189,119,215)
```
#c170de
```
#c170de rgb(193,112,222)
```
#c46ae4
```
#c46ae4 rgb(196,106,228)
```
#c763eb
```
#c763eb rgb(199,99,235)
```
#ca5cf2
```
#ca5cf2 rgb(202,92,242)
```
#cd55f9
```
#cd55f9 rgb(205,85,249)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#9a84a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#528fff Protanopia 1% of men
#5c93e3 Deuteranopia 1% of men
#bb848d Tritanopia 0.001% of the population

Trichromacy

#7e7cfa Protanomaly 1% of men, 0.01% of women
#847fe9 Deuteranomaly 6% of men, 0.4% of women
#c075b1 Tritanomaly 0.01% of the population

#ca5cf2 hex color

#ca5cf2 Color Information

#ca5cf2 Color Conversion

Color Schemes with #ca5cf2

Alternatives to #ca5cf2

#ca5cf2 Preview

Shades and Tints of #ca5cf2

Tones of #ca5cf2

Color Blindness Simulator