#ca55fd hex color

In a RGB color space, hex #ca55fd is composed of 79.2% red, 33.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 66.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 281.8 degrees, a saturation of 97.7% and a lightness of 66.3%. #ca55fd color hex could be obtained by blending #ffaaff with #9500fb. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 79
- G 33
- B 99
RGB color chart
- C 20
- M 66
- Y 0
- K 1
CMYK color chart

● #ca55fd color description : Soft violet.

The hexadecimal color #ca55fd has RGB values of R:202, G:85, B:253 and CMYK values of C:0.2, M:0.66, Y:0, K:0.01. Its decimal value is 13260285.

Hex triplet	ca55fd	`#ca55fd`
RGB Decimal	202, 85, 253	`rgb(202,85,253)`
RGB Percent	79.2, 33.3, 99.2	`rgb(79.2%,33.3%,99.2%)`
CMYK	20, 66, 0, 1
HSL	281.8°, 97.7, 66.3	`hsl(281.8,97.7%,66.3%)`
HSV (or HSB)	281.8°, 66.4, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	58.176, 70.931, -63.61
XYZ	45.333, 26.147, 95.582
xyY	0.271, 0.157, 26.147
CIE-LCH	58.176, 95.276, 318.115
CIE-LUV	58.176, 39.721, -108.477
Hunter-Lab	51.134, 68.765, -75.034
Binary	11001010, 01010101, 11111101

#ca55fd
```
#ca55fd rgb(202,85,253)
```
#88fd55
```
#88fd55 rgb(136,253,85)
```

Complementary Color

#7655fd
```
#7655fd rgb(118,85,253)
```
#ca55fd
```
#ca55fd rgb(202,85,253)
```
#fd55dc
```
#fd55dc rgb(253,85,220)
```

Analogous Color

#55fd76
```
#55fd76 rgb(85,253,118)
```
#ca55fd
```
#ca55fd rgb(202,85,253)
```
#dcfd55
```
#dcfd55 rgb(220,253,85)
```

Split Complementary Color

#55fdca
```
#55fdca rgb(85,253,202)
```
#ca55fd
```
#ca55fd rgb(202,85,253)
```
#fdca55
```
#fdca55 rgb(253,202,85)
```

Triadic Color

#5588fd
```
#5588fd rgb(85,136,253)
```
#ca55fd
```
#ca55fd rgb(202,85,253)
```
#fdca55
```
#fdca55 rgb(253,202,85)
```
#88fd55
```
#88fd55 rgb(136,253,85)
```

Tetradic Color

#b209fc
```
#b209fc rgb(178,9,252)
```
#ba23fc
```
#ba23fc rgb(186,35,252)
```
#c23cfd
```
#c23cfd rgb(194,60,253)
```
#ca55fd
```
#ca55fd rgb(202,85,253)
```
#d26efd
```
#d26efd rgb(210,110,253)
```
#da87fe
```
#da87fe rgb(218,135,254)
```
#e2a1fe
```
#e2a1fe rgb(226,161,254)
```

Monochromatic Color

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

#a055fd
```
#a055fd rgb(160,85,253)
```
#ae55fd
```
#ae55fd rgb(174,85,253)
```
#bc55fd
```
#bc55fd rgb(188,85,253)
```
#ca55fd
```
#ca55fd rgb(202,85,253)
```
#d855fd
```
#d855fd rgb(216,85,253)
```
#e655fd
```
#e655fd rgb(230,85,253)
```
#f455fd
```
#f455fd rgb(244,85,253)
```

Similar Colors

Text with hexadecimal color #ca55fd

This text has a font color of #ca55fd.

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

#ca55fd background color

This paragraph has a background color of #ca55fd.

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

#ca55fd border color

This element has a border color of #ca55fd.

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

CSS codes

.text {color:#ca55fd;}

.background {background-color:#ca55fd;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#110018
```
#110018 rgb(17,0,24)
```
#1e012b
```
#1e012b rgb(30,1,43)
```
#2c013f
```
#2c013f rgb(44,1,63)
```
#390152
```
#390152 rgb(57,1,82)
```
#470165
```
#470165 rgb(71,1,101)
```
#550179
```
#550179 rgb(85,1,121)
```
#62028c
```
#62028c rgb(98,2,140)
```
#7002a0
```
#7002a0 rgb(112,2,160)
```
#7d02b3
```
#7d02b3 rgb(125,2,179)
```
#8b02c6
```
#8b02c6 rgb(139,2,198)
```
#9803da
```
#9803da rgb(152,3,218)
```
#a603ed
```
#a603ed rgb(166,3,237)
```

Shade Color Variation

#b207fc
```
#b207fc rgb(178,7,252)
```
#b81bfc
```
#b81bfc rgb(184,27,252)
```
#be2efd
```
#be2efd rgb(190,46,253)
```
#c442fd
```
#c442fd rgb(196,66,253)
```
#ca55fd
```
#ca55fd rgb(202,85,253)
```
#d068fd
```
#d068fd rgb(208,104,253)
```
#d67cfd
```
#d67cfd rgb(214,124,253)
```
#dc8ffe
```
#dc8ffe rgb(220,143,254)
```
#e2a3fe
```
#e2a3fe rgb(226,163,254)
```
#e8b6fe
```
#e8b6fe rgb(232,182,254)
```
#eec9fe
```
#eec9fe rgb(238,201,254)
```
#f4ddff
```
#f4ddff rgb(244,221,255)
```
#faf0ff
```
#faf0ff rgb(250,240,255)
```

Tint Color Variation

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

#aba4ae
```
#aba4ae rgb(171,164,174)
```
#ad9eb4
```
#ad9eb4 rgb(173,158,180)
```
#b097bb
```
#b097bb rgb(176,151,187)
```
#b391c1
```
#b391c1 rgb(179,145,193)
```
#b58ac8
```
#b58ac8 rgb(181,138,200)
```
#b883cf
```
#b883cf rgb(184,131,207)
```
#ba7dd5
```
#ba7dd5 rgb(186,125,213)
```
#bd76dc
```
#bd76dc rgb(189,118,220)
```
#c06fe3
```
#c06fe3 rgb(192,111,227)
```
#c269e9
```
#c269e9 rgb(194,105,233)
```
#c562f0
```
#c562f0 rgb(197,98,240)
```
#c75cf6
```
#c75cf6 rgb(199,92,246)
```
#ca55fd
```
#ca55fd rgb(202,85,253)
```

Tone Color Variation

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

Dichromacy

#4e8eff Protanopia 1% of men
#4793ec Deuteranopia 1% of men
#b8838c Tritanopia 0.001% of the population

Trichromacy

#7b79fe Protanomaly 1% of men, 0.01% of women
#767cf2 Deuteranomaly 6% of men, 0.4% of women
#be72b5 Tritanomaly 0.01% of the population

#ca55fd hex color

#ca55fd Color Information

#ca55fd Color Conversion

Color Schemes with #ca55fd

Alternatives to #ca55fd

#ca55fd Preview

Shades and Tints of #ca55fd

Tones of #ca55fd

Color Blindness Simulator