#ca5af7 hex color

In a RGB color space, hex #ca5af7 is composed of 79.2% red, 35.3% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 63.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 282.8 degrees, a saturation of 90.8% and a lightness of 66.1%. #ca5af7 color hex could be obtained by blending #ffb4ff with #9500ef. Closest websafe color is: #cc66ff.

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

● #ca5af7 color description : Soft violet.

The hexadecimal color #ca5af7 has RGB values of R:202, G:90, B:247 and CMYK values of C:0.18, M:0.64, Y:0, K:0.03. Its decimal value is 13261559.

Hex triplet	ca5af7	`#ca5af7`
RGB Decimal	202, 90, 247	`rgb(202,90,247)`
RGB Percent	79.2, 35.3, 96.9	`rgb(79.2%,35.3%,96.9%)`
CMYK	18, 64, 0, 3
HSL	282.8°, 90.8, 66.1	`hsl(282.8,90.8%,66.1%)`
HSV (or HSB)	282.8°, 63.6, 96.9
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	58.589, 67.614, -59.624
XYZ	44.8, 26.586, 90.762
xyY	0.276, 0.164, 26.586
CIE-LCH	58.589, 90.148, 318.593
CIE-LUV	58.589, 39.973, -102.137
Hunter-Lab	51.561, 64.859, -68.274
Binary	11001010, 01011010, 11110111

#ca5af7
```
#ca5af7 rgb(202,90,247)
```
#87f75a
```
#87f75a rgb(135,247,90)
```

Complementary Color

#7c5af7
```
#7c5af7 rgb(124,90,247)
```
#ca5af7
```
#ca5af7 rgb(202,90,247)
```
#f75ad6
```
#f75ad6 rgb(247,90,214)
```

Analogous Color

#5af77c
```
#5af77c rgb(90,247,124)
```
#ca5af7
```
#ca5af7 rgb(202,90,247)
```
#d6f75a
```
#d6f75a rgb(214,247,90)
```

Split Complementary Color

#5af7ca
```
#5af7ca rgb(90,247,202)
```
#ca5af7
```
#ca5af7 rgb(202,90,247)
```
#f7ca5a
```
#f7ca5a rgb(247,202,90)
```

Triadic Color

#5a87f7
```
#5a87f7 rgb(90,135,247)
```
#ca5af7
```
#ca5af7 rgb(202,90,247)
```
#f7ca5a
```
#f7ca5a rgb(247,202,90)
```
#87f75a
```
#87f75a rgb(135,247,90)
```

Tetradic Color

#b311f3
```
#b311f3 rgb(179,17,243)
```
#ba29f5
```
#ba29f5 rgb(186,41,245)
```
#c242f6
```
#c242f6 rgb(194,66,246)
```
#ca5af7
```
#ca5af7 rgb(202,90,247)
```
#d272f8
```
#d272f8 rgb(210,114,248)
```
#da8bf9
```
#da8bf9 rgb(218,139,249)
```
#e1a3fb
```
#e1a3fb rgb(225,163,251)
```

Monochromatic Color

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

#a35af7
```
#a35af7 rgb(163,90,247)
```
#b05af7
```
#b05af7 rgb(176,90,247)
```
#bd5af7
```
#bd5af7 rgb(189,90,247)
```
#ca5af7
```
#ca5af7 rgb(202,90,247)
```
#d75af7
```
#d75af7 rgb(215,90,247)
```
#e45af7
```
#e45af7 rgb(228,90,247)
```
#f15af7
```
#f15af7 rgb(241,90,247)
```

Similar Colors

Text with hexadecimal color #ca5af7

This text has a font color of #ca5af7.

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

#ca5af7 background color

This paragraph has a background color of #ca5af7.

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

#ca5af7 border color

This element has a border color of #ca5af7.

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

CSS codes

.text {color:#ca5af7;}

.background {background-color:#ca5af7;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#100116
```
#100116 rgb(16,1,22)
```
#1e0229
```
#1e0229 rgb(30,2,41)
```
#2b033b
```
#2b033b rgb(43,3,59)
```
#39044e
```
#39044e rgb(57,4,78)
```
#460561
```
#460561 rgb(70,5,97)
```
#540674
```
#540674 rgb(84,6,116)
```
#620786
```
#620786 rgb(98,7,134)
```
#6f0799
```
#6f0799 rgb(111,7,153)
```
#7d08ac
```
#7d08ac rgb(125,8,172)
```
#8b09be
```
#8b09be rgb(139,9,190)
```
#980ad1
```
#980ad1 rgb(152,10,209)
```
#a60be4
```
#a60be4 rgb(166,11,228)
```

Shade Color Variation

#b20ff3
```
#b20ff3 rgb(178,15,243)
```
#b822f4
```
#b822f4 rgb(184,34,244)
```
#be35f5
```
#be35f5 rgb(190,53,245)
```
#c447f6
```
#c447f6 rgb(196,71,246)
```
#ca5af7
```
#ca5af7 rgb(202,90,247)
```
#d06df8
```
#d06df8 rgb(208,109,248)
```
#d67ff9
```
#d67ff9 rgb(214,127,249)
```
#dc92fa
```
#dc92fa rgb(220,146,250)
```
#e2a5fb
```
#e2a5fb rgb(226,165,251)
```
#e8b8fc
```
#e8b8fc rgb(232,184,252)
```
#eecafc
```
#eecafc rgb(238,202,252)
```
#f4ddfd
```
#f4ddfd rgb(244,221,253)
```
#faf0fe
```
#faf0fe rgb(250,240,254)
```

Tint Color Variation

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

#aba3ae
```
#aba3ae rgb(171,163,174)
```
#ae9db4
```
#ae9db4 rgb(174,157,180)
```
#b096bb
```
#b096bb rgb(176,150,187)
```
#b38fc2
```
#b38fc2 rgb(179,143,194)
```
#b689c8
```
#b689c8 rgb(182,137,200)
```
#b982cf
```
#b982cf rgb(185,130,207)
```
#bc7bd6
```
#bc7bd6 rgb(188,123,214)
```
#bf75dc
```
#bf75dc rgb(191,117,220)
```
#c16ee3
```
#c16ee3 rgb(193,110,227)
```
#c467ea
```
#c467ea rgb(196,103,234)
```
#c761f0
```
#c761f0 rgb(199,97,240)
```
#ca5af7
```
#ca5af7 rgb(202,90,247)
```
#cd53fe
```
#cd53fe rgb(205,83,254)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#9983a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#528fff Protanopia 1% of men
#5593e7 Deuteranopia 1% of men
#ba848d Tritanopia 0.001% of the population

Trichromacy

#7d7bfc Protanomaly 1% of men, 0.01% of women
#7f7eed Deuteranomaly 6% of men, 0.4% of women
#bf74b3 Tritanomaly 0.01% of the population

#ca5af7 hex color

#ca5af7 Color Information

#ca5af7 Color Conversion

Color Schemes with #ca5af7

Alternatives to #ca5af7

#ca5af7 Preview

Shades and Tints of #ca5af7

Tones of #ca5af7

Color Blindness Simulator