#ca5dfd hex color

In a RGB color space, hex #ca5dfd is composed of 79.2% red, 36.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 63.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 280.9 degrees, a saturation of 97.6% and a lightness of 67.8%. #ca5dfd color hex could be obtained by blending #ffbaff with #9500fb. Closest websafe color is: #cc66ff.

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

● #ca5dfd color description : Soft violet.

The hexadecimal color #ca5dfd has RGB values of R:202, G:93, B:253 and CMYK values of C:0.2, M:0.63, Y:0, K:0.01. Its decimal value is 13262333.

Hex triplet	ca5dfd	`#ca5dfd`
RGB Decimal	202, 93, 253	`rgb(202,93,253)`
RGB Percent	79.2, 36.5, 99.2	`rgb(79.2%,36.5%,99.2%)`
CMYK	20, 63, 0, 1
HSL	280.9°, 97.6, 67.8	`hsl(280.9,97.6%,67.8%)`
HSV (or HSB)	280.9°, 63.2, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	59.415, 67.497, -61.623
XYZ	45.999, 27.479, 95.804
xyY	0.272, 0.162, 27.479
CIE-LCH	59.415, 91.396, 317.605
CIE-LUV	59.415, 37.8, -105.542
Hunter-Lab	52.42, 64.9, -71.666
Binary	11001010, 01011101, 11111101

#ca5dfd
```
#ca5dfd rgb(202,93,253)
```
#90fd5d
```
#90fd5d rgb(144,253,93)
```

Complementary Color

#7a5dfd
```
#7a5dfd rgb(122,93,253)
```
#ca5dfd
```
#ca5dfd rgb(202,93,253)
```
#fd5de0
```
#fd5de0 rgb(253,93,224)
```

Analogous Color

#5dfd7a
```
#5dfd7a rgb(93,253,122)
```
#ca5dfd
```
#ca5dfd rgb(202,93,253)
```
#e0fd5d
```
#e0fd5d rgb(224,253,93)
```

Split Complementary Color

#5dfdca
```
#5dfdca rgb(93,253,202)
```
#ca5dfd
```
#ca5dfd rgb(202,93,253)
```
#fdca5d
```
#fdca5d rgb(253,202,93)
```

Triadic Color

#5d90fd
```
#5d90fd rgb(93,144,253)
```
#ca5dfd
```
#ca5dfd rgb(202,93,253)
```
#fdca5d
```
#fdca5d rgb(253,202,93)
```
#90fd5d
```
#90fd5d rgb(144,253,93)
```

Tetradic Color

#b111fc
```
#b111fc rgb(177,17,252)
```
#ba2bfc
```
#ba2bfc rgb(186,43,252)
```
#c244fd
```
#c244fd rgb(194,68,253)
```
#ca5dfd
```
#ca5dfd rgb(202,93,253)
```
#d276fd
```
#d276fd rgb(210,118,253)
```
#da8ffe
```
#da8ffe rgb(218,143,254)
```
#e3a9fe
```
#e3a9fe rgb(227,169,254)
```

Monochromatic Color

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

#a25dfd
```
#a25dfd rgb(162,93,253)
```
#af5dfd
```
#af5dfd rgb(175,93,253)
```
#bd5dfd
```
#bd5dfd rgb(189,93,253)
```
#ca5dfd
```
#ca5dfd rgb(202,93,253)
```
#d75dfd
```
#d75dfd rgb(215,93,253)
```
#e55dfd
```
#e55dfd rgb(229,93,253)
```
#f25dfd
```
#f25dfd rgb(242,93,253)
```

Similar Colors

Text with hexadecimal color #ca5dfd

This text has a font color of #ca5dfd.

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

#ca5dfd background color

This paragraph has a background color of #ca5dfd.

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

#ca5dfd border color

This element has a border color of #ca5dfd.

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

CSS codes

.text {color:#ca5dfd;}

.background {background-color:#ca5dfd;}

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

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

#08000c
```
#08000c rgb(8,0,12)
```
#160020
```
#160020 rgb(22,0,32)
```
#230133
```
#230133 rgb(35,1,51)
```
#300147
```
#300147 rgb(48,1,71)
```
#3e015a
```
#3e015a rgb(62,1,90)
```
#4b016d
```
#4b016d rgb(75,1,109)
```
#580281
```
#580281 rgb(88,2,129)
```
#650294
```
#650294 rgb(101,2,148)
```
#7302a7
```
#7302a7 rgb(115,2,167)
```
#8002bb
```
#8002bb rgb(128,2,187)
```
#8d03ce
```
#8d03ce rgb(141,3,206)
```
#9b03e2
```
#9b03e2 rgb(155,3,226)
```
#a803f5
```
#a803f5 rgb(168,3,245)
```

Shade Color Variation

#b10ffc
```
#b10ffc rgb(177,15,252)
```
#b723fc
```
#b723fc rgb(183,35,252)
```
#bd36fd
```
#bd36fd rgb(189,54,253)
```
#c44afd
```
#c44afd rgb(196,74,253)
```
#ca5dfd
```
#ca5dfd rgb(202,93,253)
```
#d070fd
```
#d070fd rgb(208,112,253)
```
#d784fd
```
#d784fd rgb(215,132,253)
```
#dd97fe
```
#dd97fe rgb(221,151,254)
```
#e3abfe
```
#e3abfe rgb(227,171,254)
```
#eabefe
```
#eabefe rgb(234,190,254)
```
#f0d1fe
```
#f0d1fe rgb(240,209,254)
```
#f6e5ff
```
#f6e5ff rgb(246,229,255)
```
#fdf8ff
```
#fdf8ff rgb(253,248,255)
```

Tint Color Variation

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

#afa9b1
```
#afa9b1 rgb(175,169,177)
```
#b1a2b8
```
#b1a2b8 rgb(177,162,184)
```
#b39cbe
```
#b39cbe rgb(179,156,190)
```
#b596c4
```
#b596c4 rgb(181,150,196)
```
#b88fcb
```
#b88fcb rgb(184,143,203)
```
#ba89d1
```
#ba89d1 rgb(186,137,209)
```
#bc83d7
```
#bc83d7 rgb(188,131,215)
```
#bf7ddd
```
#bf7ddd rgb(191,125,221)
```
#c176e4
```
#c176e4 rgb(193,118,228)
```
#c370ea
```
#c370ea rgb(195,112,234)
```
#c56af0
```
#c56af0 rgb(197,106,240)
```
#c863f7
```
#c863f7 rgb(200,99,247)
```
#ca5dfd
```
#ca5dfd rgb(202,93,253)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#9c86a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5791ff Protanopia 1% of men
#5196ed Deuteranopia 1% of men
#b98791 Tritanopia 0.001% of the population

Trichromacy

#817efe Protanomaly 1% of men, 0.01% of women
#7d81f3 Deuteranomaly 6% of men, 0.4% of women
#bf78b8 Tritanomaly 0.01% of the population

#ca5dfd hex color

#ca5dfd Color Information

#ca5dfd Color Conversion

Color Schemes with #ca5dfd

Alternatives to #ca5dfd

#ca5dfd Preview

Shades and Tints of #ca5dfd

Tones of #ca5dfd

Color Blindness Simulator