#ca87fd hex color

In a RGB color space, hex #ca87fd is composed of 79.2% red, 52.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 46.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 274.1 degrees, a saturation of 96.7% and a lightness of 76.1%. #ca87fd color hex could be obtained by blending #ffffff with #950ffb. Closest websafe color is: #cc99ff.

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

● #ca87fd color description : Soft violet.

The hexadecimal color #ca87fd has RGB values of R:202, G:135, B:253 and CMYK values of C:0.2, M:0.47, Y:0, K:0.01. Its decimal value is 13273085.

Hex triplet	ca87fd	`#ca87fd`
RGB Decimal	202, 135, 253	`rgb(202,135,253)`
RGB Percent	79.2, 52.9, 99.2	`rgb(79.2%,52.9%,99.2%)`
CMYK	20, 47, 0, 1
HSL	274.1°, 96.7, 76.1	`hsl(274.1,96.7%,76.1%)`
HSV (or HSB)	274.1°, 46.6, 99.2
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	67.26, 46.751, -49.146
XYZ	50.748, 36.977, 97.387
xyY	0.274, 0.2, 36.977
CIE-LCH	67.26, 67.831, 313.569
CIE-LUV	67.26, 24.761, -85.306
Hunter-Lab	60.809, 42.552, -52.388
Binary	11001010, 10000111, 11111101

#ca87fd
```
#ca87fd rgb(202,135,253)
```
#bafd87
```
#bafd87 rgb(186,253,135)
```

Complementary Color

#8f87fd
```
#8f87fd rgb(143,135,253)
```
#ca87fd
```
#ca87fd rgb(202,135,253)
```
#fd87f5
```
#fd87f5 rgb(253,135,245)
```

Analogous Color

#87fd8f
```
#87fd8f rgb(135,253,143)
```
#ca87fd
```
#ca87fd rgb(202,135,253)
```
#f5fd87
```
#f5fd87 rgb(245,253,135)
```

Split Complementary Color

#87fdca
```
#87fdca rgb(135,253,202)
```
#ca87fd
```
#ca87fd rgb(202,135,253)
```
#fdca87
```
#fdca87 rgb(253,202,135)
```

Triadic Color

#87bafd
```
#87bafd rgb(135,186,253)
```
#ca87fd
```
#ca87fd rgb(202,135,253)
```
#fdca87
```
#fdca87 rgb(253,202,135)
```
#bafd87
```
#bafd87 rgb(186,253,135)
```

Tetradic Color

#a93cfc
```
#a93cfc rgb(169,60,252)
```
#b455fc
```
#b455fc rgb(180,85,252)
```
#bf6efd
```
#bf6efd rgb(191,110,253)
```
#ca87fd
```
#ca87fd rgb(202,135,253)
```
#d5a0fd
```
#d5a0fd rgb(213,160,253)
```
#e0b9fe
```
#e0b9fe rgb(224,185,254)
```
#ebd2fe
```
#ebd2fe rgb(235,210,254)
```

Monochromatic Color

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

#ad87fd
```
#ad87fd rgb(173,135,253)
```
#b687fd
```
#b687fd rgb(182,135,253)
```
#c087fd
```
#c087fd rgb(192,135,253)
```
#ca87fd
```
#ca87fd rgb(202,135,253)
```
#d487fd
```
#d487fd rgb(212,135,253)
```
#de87fd
```
#de87fd rgb(222,135,253)
```
#e887fd
```
#e887fd rgb(232,135,253)
```

Similar Colors

Text with hexadecimal color #ca87fd

This text has a font color of #ca87fd.

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

#ca87fd background color

This paragraph has a background color of #ca87fd.

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

#ca87fd border color

This element has a border color of #ca87fd.

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

CSS codes

.text {color:#ca87fd;}

.background {background-color:#ca87fd;}

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

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, #09000f is the darkest color, while #fdfbff is the lightest one.

#09000f
```
#09000f rgb(9,0,15)
```
#140122
```
#140122 rgb(20,1,34)
```
#1f0136
```
#1f0136 rgb(31,1,54)
```
#2a0149
```
#2a0149 rgb(42,1,73)
```
#35025c
```
#35025c rgb(53,2,92)
```
#400270
```
#400270 rgb(64,2,112)
```
#4b0283
```
#4b0283 rgb(75,2,131)
```
#560396
```
#560396 rgb(86,3,150)
```
#6103a9
```
#6103a9 rgb(97,3,169)
```
#6d03bd
```
#6d03bd rgb(109,3,189)
```
#7803d0
```
#7803d0 rgb(120,3,208)
```
#8304e3
```
#8304e3 rgb(131,4,227)
```
#8e04f7
```
#8e04f7 rgb(142,4,247)
```

Shade Color Variation

#9713fb
```
#9713fb rgb(151,19,251)
```
#9f27fb
```
#9f27fb rgb(159,39,251)
```
#a83afc
```
#a83afc rgb(168,58,252)
```
#b04dfc
```
#b04dfc rgb(176,77,252)
```
#b960fc
```
#b960fc rgb(185,96,252)
```
#c174fd
```
#c174fd rgb(193,116,253)
```
#ca87fd
```
#ca87fd rgb(202,135,253)
```
#d39afd
```
#d39afd rgb(211,154,253)
```
#dbaefe
```
#dbaefe rgb(219,174,254)
```
#e4c1fe
```
#e4c1fe rgb(228,193,254)
```
#ecd4fe
```
#ecd4fe rgb(236,212,254)
```
#f5e7ff
```
#f5e7ff rgb(245,231,255)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

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

#c2bfc5
```
#c2bfc5 rgb(194,191,197)
```
#c3bbc9
```
#c3bbc9 rgb(195,187,201)
```
#c4b6ce
```
#c4b6ce rgb(196,182,206)
```
#c4b1d3
```
#c4b1d3 rgb(196,177,211)
```
#c5add7
```
#c5add7 rgb(197,173,215)
```
#c6a8dc
```
#c6a8dc rgb(198,168,220)
```
#c6a3e1
```
#c6a3e1 rgb(198,163,225)
```
#c79ee6
```
#c79ee6 rgb(199,158,230)
```
#c79aea
```
#c79aea rgb(199,154,234)
```
#c895ef
```
#c895ef rgb(200,149,239)
```
#c990f4
```
#c990f4 rgb(201,144,244)
```
#c98cf8
```
#c98cf8 rgb(201,140,248)
```
#ca87fd
```
#ca87fd rgb(202,135,253)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#afa1b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#83a5ff Protanopia 1% of men
#82a7f4 Deuteranopia 1% of men
#bca1ac Tritanopia 0.001% of the population

Trichromacy

#9d9afe Protanomaly 1% of men, 0.01% of women
#9c9bf7 Deuteranomaly 6% of men, 0.4% of women
#c197c9 Tritanomaly 0.01% of the population

#ca87fd hex color

#ca87fd Color Information

#ca87fd Color Conversion

Color Schemes with #ca87fd

Alternatives to #ca87fd

#ca87fd Preview

Shades and Tints of #ca87fd

Tones of #ca87fd

Color Blindness Simulator