#ca55f8 hex color

In a RGB color space, hex #ca55f8 is composed of 79.2% red, 33.3% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 18.5% cyan, 65.7% magenta, 0% yellow and 2.7% black. It has a hue angle of 283.1 degrees, a saturation of 92.1% and a lightness of 65.3%. #ca55f8 color hex could be obtained by blending #ffaaff with #9500f1. Closest websafe color is: #cc66ff.

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

● #ca55f8 color description : Soft violet.

The hexadecimal color #ca55f8 has RGB values of R:202, G:85, B:248 and CMYK values of C:0.19, M:0.66, Y:0, K:0.03. Its decimal value is 13260280.

Hex triplet	ca55f8	`#ca55f8`
RGB Decimal	202, 85, 248	`rgb(202,85,248)`
RGB Percent	79.2, 33.3, 97.3	`rgb(79.2%,33.3%,97.3%)`
CMYK	19, 66, 0, 3
HSL	283.1°, 92.1, 65.3	`hsl(283.1,92.1%,65.3%)`
HSV (or HSB)	283.1°, 65.7, 97.3
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	57.878, 69.947, -61.319
XYZ	44.547, 25.832, 91.441
xyY	0.275, 0.16, 25.832
CIE-LCH	57.878, 93.019, 318.761
CIE-LUV	57.878, 40.948, -104.731
Hunter-Lab	50.826, 67.504, -71.092
Binary	11001010, 01010101, 11111000

#ca55f8
```
#ca55f8 rgb(202,85,248)
```
#83f855
```
#83f855 rgb(131,248,85)
```

Complementary Color

#7955f8
```
#7955f8 rgb(121,85,248)
```
#ca55f8
```
#ca55f8 rgb(202,85,248)
```
#f855d5
```
#f855d5 rgb(248,85,213)
```

Analogous Color

#55f879
```
#55f879 rgb(85,248,121)
```
#ca55f8
```
#ca55f8 rgb(202,85,248)
```
#d5f855
```
#d5f855 rgb(213,248,85)
```

Split Complementary Color

#55f8ca
```
#55f8ca rgb(85,248,202)
```
#ca55f8
```
#ca55f8 rgb(202,85,248)
```
#f8ca55
```
#f8ca55 rgb(248,202,85)
```

Triadic Color

#5583f8
```
#5583f8 rgb(85,131,248)
```
#ca55f8
```
#ca55f8 rgb(202,85,248)
```
#f8ca55
```
#f8ca55 rgb(248,202,85)
```
#83f855
```
#83f855 rgb(131,248,85)
```

Tetradic Color

#b30cf5
```
#b30cf5 rgb(179,12,245)
```
#bb24f6
```
#bb24f6 rgb(187,36,246)
```
#c23df7
```
#c23df7 rgb(194,61,247)
```
#ca55f8
```
#ca55f8 rgb(202,85,248)
```
#d26df9
```
#d26df9 rgb(210,109,249)
```
#d986fa
```
#d986fa rgb(217,134,250)
```
#e19efb
```
#e19efb rgb(225,158,251)
```

Monochromatic Color

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

#a155f8
```
#a155f8 rgb(161,85,248)
```
#af55f8
```
#af55f8 rgb(175,85,248)
```
#bc55f8
```
#bc55f8 rgb(188,85,248)
```
#ca55f8
```
#ca55f8 rgb(202,85,248)
```
#d855f8
```
#d855f8 rgb(216,85,248)
```
#e555f8
```
#e555f8 rgb(229,85,248)
```
#f355f8
```
#f355f8 rgb(243,85,248)
```

Similar Colors

Text with hexadecimal color #ca55f8

This text has a font color of #ca55f8.

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

#ca55f8 background color

This paragraph has a background color of #ca55f8.

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

#ca55f8 border color

This element has a border color of #ca55f8.

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

CSS codes

.text {color:#ca55f8;}

.background {background-color:#ca55f8;}

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

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, #0d0112 is the darkest color, while #ffffff is the lightest one.

#0d0112
```
#0d0112 rgb(13,1,18)
```
#1b0225
```
#1b0225 rgb(27,2,37)
```
#290238
```
#290238 rgb(41,2,56)
```
#37034b
```
#37034b rgb(55,3,75)
```
#44045e
```
#44045e rgb(68,4,94)
```
#520571
```
#520571 rgb(82,5,113)
```
#600583
```
#600583 rgb(96,5,131)
```
#6e0696
```
#6e0696 rgb(110,6,150)
```
#7b07a9
```
#7b07a9 rgb(123,7,169)
```
#8908bc
```
#8908bc rgb(137,8,188)
```
#9709cf
```
#9709cf rgb(151,9,207)
```
#a509e2
```
#a509e2 rgb(165,9,226)
```
#b20af4
```
#b20af4 rgb(178,10,244)
```

Shade Color Variation

#b81cf6
```
#b81cf6 rgb(184,28,246)
```
#be2ff6
```
#be2ff6 rgb(190,47,246)
```
#c442f7
```
#c442f7 rgb(196,66,247)
```
#ca55f8
```
#ca55f8 rgb(202,85,248)
```
#d068f9
```
#d068f9 rgb(208,104,249)
```
#d67bfa
```
#d67bfa rgb(214,123,250)
```
#dc8efa
```
#dc8efa rgb(220,142,250)
```
#e1a0fb
```
#e1a0fb rgb(225,160,251)
```
#e7b3fc
```
#e7b3fc rgb(231,179,252)
```
#edc6fd
```
#edc6fd rgb(237,198,253)
```
#f3d9fd
```
#f3d9fd rgb(243,217,253)
```
#f9ecfe
```
#f9ecfe rgb(249,236,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a9a0ad
```
#a9a0ad rgb(169,160,173)
```
#ac99b4
```
#ac99b4 rgb(172,153,180)
```
#af92bb
```
#af92bb rgb(175,146,187)
```
#b28bc2
```
#b28bc2 rgb(178,139,194)
```
#b585c8
```
#b585c8 rgb(181,133,200)
```
#b87ecf
```
#b87ecf rgb(184,126,207)
```
#bb77d6
```
#bb77d6 rgb(187,119,214)
```
#be70dd
```
#be70dd rgb(190,112,221)
```
#c169e4
```
#c169e4 rgb(193,105,228)
```
#c463ea
```
#c463ea rgb(196,99,234)
```
#c75cf1
```
#c75cf1 rgb(199,92,241)
```
#ca55f8
```
#ca55f8 rgb(202,85,248)
```
#cd4eff
```
#cd4eff rgb(205,78,255)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#9880a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c8dff Protanopia 1% of men
#4e92e8 Deuteranopia 1% of men
#b9828b Tritanopia 0.001% of the population

Trichromacy

#7a79fc Protanomaly 1% of men, 0.01% of women
#7b7bed Deuteranomaly 6% of men, 0.4% of women
#bf71b2 Tritanomaly 0.01% of the population

#ca55f8 hex color

#ca55f8 Color Information

#ca55f8 Color Conversion

Color Schemes with #ca55f8

Alternatives to #ca55f8

#ca55f8 Preview

Shades and Tints of #ca55f8

Tones of #ca55f8

Color Blindness Simulator