#ca5aff hex color

In a RGB color space, hex #ca5aff is composed of 79.2% red, 35.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 64.7% magenta, 0% yellow and 0% black. It has a hue angle of 280.7 degrees, a saturation of 100% and a lightness of 67.6%. #ca5aff color hex could be obtained by blending #ffb4ff with #9500ff. Closest websafe color is: #cc66ff.

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

● #ca5aff color description : Light violet.

The hexadecimal color #ca5aff has RGB values of R:202, G:90, B:255 and CMYK values of C:0.21, M:0.65, Y:0, K:0. Its decimal value is 13261567.

Hex triplet	ca5aff	`#ca5aff`
RGB Decimal	202, 90, 255	`rgb(202,90,255)`
RGB Percent	79.2, 35.3, 100	`rgb(79.2%,35.3%,100%)`
CMYK	21, 65, 0, 0
HSL	280.7°, 100, 67.6	`hsl(280.7,100%,67.6%)`
HSV (or HSB)	280.7°, 64.7, 100
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	59.058, 69.211, -63.3
XYZ	46.061, 27.09, 97.405
xyY	0.27, 0.159, 27.09
CIE-LCH	59.058, 93.793, 317.554
CIE-LUV	59.058, 38.073, -108.183
Hunter-Lab	52.048, 66.881, -74.523
Binary	11001010, 01011010, 11111111

#ca5aff
```
#ca5aff rgb(202,90,255)
```
#8fff5a
```
#8fff5a rgb(143,255,90)
```

Complementary Color

#785aff
```
#785aff rgb(120,90,255)
```
#ca5aff
```
#ca5aff rgb(202,90,255)
```
#ff5ae2
```
#ff5ae2 rgb(255,90,226)
```

Analogous Color

#5aff78
```
#5aff78 rgb(90,255,120)
```
#ca5aff
```
#ca5aff rgb(202,90,255)
```
#e2ff5a
```
#e2ff5a rgb(226,255,90)
```

Split Complementary Color

#5affca
```
#5affca rgb(90,255,202)
```
#ca5aff
```
#ca5aff rgb(202,90,255)
```
#ffca5a
```
#ffca5a rgb(255,202,90)
```

Triadic Color

#5a8fff
```
#5a8fff rgb(90,143,255)
```
#ca5aff
```
#ca5aff rgb(202,90,255)
```
#ffca5a
```
#ffca5a rgb(255,202,90)
```
#8fff5a
```
#8fff5a rgb(143,255,90)
```

Tetradic Color

#b10eff
```
#b10eff rgb(177,14,255)
```
#ba27ff
```
#ba27ff rgb(186,39,255)
```
#c241ff
```
#c241ff rgb(194,65,255)
```
#ca5aff
```
#ca5aff rgb(202,90,255)
```
#d274ff
```
#d274ff rgb(210,116,255)
```
#da8dff
```
#da8dff rgb(218,141,255)
```
#e3a7ff
```
#e3a7ff rgb(227,167,255)
```

Monochromatic Color

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

#a15aff
```
#a15aff rgb(161,90,255)
```
#af5aff
```
#af5aff rgb(175,90,255)
```
#bc5aff
```
#bc5aff rgb(188,90,255)
```
#ca5aff
```
#ca5aff rgb(202,90,255)
```
#d85aff
```
#d85aff rgb(216,90,255)
```
#e65aff
```
#e65aff rgb(230,90,255)
```
#f35aff
```
#f35aff rgb(243,90,255)
```

Similar Colors

Text with hexadecimal color #ca5aff

This text has a font color of #ca5aff.

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

#ca5aff background color

This paragraph has a background color of #ca5aff.

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

#ca5aff border color

This element has a border color of #ca5aff.

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

CSS codes

.text {color:#ca5aff;}

.background {background-color:#ca5aff;}

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

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, #08000c is the darkest color, while #fcf7ff is the lightest one.

#08000c
```
#08000c rgb(8,0,12)
```
#15001f
```
#15001f rgb(21,0,31)
```
#220033
```
#220033 rgb(34,0,51)
```
#300046
```
#300046 rgb(48,0,70)
```
#3d005a
```
#3d005a rgb(61,0,90)
```
#4a006e
```
#4a006e rgb(74,0,110)
```
#580081
```
#580081 rgb(88,0,129)
```
#650095
```
#650095 rgb(101,0,149)
```
#7200a8
```
#7200a8 rgb(114,0,168)
```
#8000bc
```
#8000bc rgb(128,0,188)
```
#8d00d0
```
#8d00d0 rgb(141,0,208)
```
#9a00e3
```
#9a00e3 rgb(154,0,227)
```
#a800f7
```
#a800f7 rgb(168,0,247)
```

Shade Color Variation

#b10cff
```
#b10cff rgb(177,12,255)
```
#b71fff
```
#b71fff rgb(183,31,255)
```
#bd33ff
```
#bd33ff rgb(189,51,255)
```
#c446ff
```
#c446ff rgb(196,70,255)
```
#ca5aff
```
#ca5aff rgb(202,90,255)
```
#d06eff
```
#d06eff rgb(208,110,255)
```
#d781ff
```
#d781ff rgb(215,129,255)
```
#dd95ff
```
#dd95ff rgb(221,149,255)
```
#e3a8ff
```
#e3a8ff rgb(227,168,255)
```
#eabcff
```
#eabcff rgb(234,188,255)
```
#f0d0ff
```
#f0d0ff rgb(240,208,255)
```
#f6e3ff
```
#f6e3ff rgb(246,227,255)
```
#fcf7ff
```
#fcf7ff rgb(252,247,255)
```

Tint Color Variation

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

#afa6b3
```
#afa6b3 rgb(175,166,179)
```
#b1a0b9
```
#b1a0b9 rgb(177,160,185)
```
#b399c0
```
#b399c0 rgb(179,153,192)
```
#b693c6
```
#b693c6 rgb(182,147,198)
```
#b88dcc
```
#b88dcc rgb(184,141,204)
```
#ba86d3
```
#ba86d3 rgb(186,134,211)
```
#bc80d9
```
#bc80d9 rgb(188,128,217)
```
#bf7adf
```
#bf7adf rgb(191,122,223)
```
#c173e6
```
#c173e6 rgb(193,115,230)
```
#c36dec
```
#c36dec rgb(195,109,236)
```
#c567f2
```
#c567f2 rgb(197,103,242)
```
#c860f9
```
#c860f9 rgb(200,96,249)
```
#ca5aff
```
#ca5aff rgb(202,90,255)
```

Tone Color Variation

Below, you can see how #ca5aff 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
#9a84a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5590ff Protanopia 1% of men
#4a95ee Deuteranopia 1% of men
#b88690 Tritanopia 0.001% of the population

Trichromacy

#7f7cff Protanomaly 1% of men, 0.01% of women
#797ff4 Deuteranomaly 6% of men, 0.4% of women
#be76b8 Tritanomaly 0.01% of the population

#ca5aff hex color

#ca5aff Color Information

#ca5aff Color Conversion

Color Schemes with #ca5aff

Alternatives to #ca5aff

#ca5aff Preview

Shades and Tints of #ca5aff

Tones of #ca5aff

Color Blindness Simulator