#ca63f1 hex color

In a RGB color space, hex #ca63f1 is composed of 79.2% red, 38.8% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 58.9% magenta, 0% yellow and 5.5% black. It has a hue angle of 283.5 degrees, a saturation of 83.5% and a lightness of 66.7%. #ca63f1 color hex could be obtained by blending #ffc6ff with #9500e3. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 79
- G 39
- B 95
RGB color chart
- C 16
- M 59
- Y 0
- K 5
CMYK color chart

● #ca63f1 color description : Soft violet.

The hexadecimal color #ca63f1 has RGB values of R:202, G:99, B:241 and CMYK values of C:0.16, M:0.59, Y:0, K:0.05. Its decimal value is 13263857.

Hex triplet	ca63f1	`#ca63f1`
RGB Decimal	202, 99, 241	`rgb(202,99,241)`
RGB Percent	79.2, 38.8, 94.5	`rgb(79.2%,38.8%,94.5%)`
CMYK	16, 59, 0, 5
HSL	283.5°, 83.5, 66.7	`hsl(283.5,83.5%,66.7%)`
HSV (or HSB)	283.5°, 58.9, 94.5
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	59.737, 62.359, -54.459
XYZ	44.694, 27.833, 86.232
xyY	0.282, 0.175, 27.833
CIE-LCH	59.737, 82.792, 318.869
CIE-LUV	59.737, 38.952, -93.853
Hunter-Lab	52.757, 58.897, -59.982
Binary	11001010, 01100011, 11110001

#ca63f1
```
#ca63f1 rgb(202,99,241)
```
#8af163
```
#8af163 rgb(138,241,99)
```

Complementary Color

#8363f1
```
#8363f1 rgb(131,99,241)
```
#ca63f1
```
#ca63f1 rgb(202,99,241)
```
#f163d1
```
#f163d1 rgb(241,99,209)
```

Analogous Color

#63f183
```
#63f183 rgb(99,241,131)
```
#ca63f1
```
#ca63f1 rgb(202,99,241)
```
#d1f163
```
#d1f163 rgb(209,241,99)
```

Split Complementary Color

#63f1ca
```
#63f1ca rgb(99,241,202)
```
#ca63f1
```
#ca63f1 rgb(202,99,241)
```
#f1ca63
```
#f1ca63 rgb(241,202,99)
```

Triadic Color

#638af1
```
#638af1 rgb(99,138,241)
```
#ca63f1
```
#ca63f1 rgb(202,99,241)
```
#f1ca63
```
#f1ca63 rgb(241,202,99)
```
#8af163
```
#8af163 rgb(138,241,99)
```

Tetradic Color

#b21deb
```
#b21deb rgb(178,29,235)
```
#ba34ed
```
#ba34ed rgb(186,52,237)
```
#c24cef
```
#c24cef rgb(194,76,239)
```
#ca63f1
```
#ca63f1 rgb(202,99,241)
```
#d27af3
```
#d27af3 rgb(210,122,243)
```
#da92f5
```
#da92f5 rgb(218,146,245)
```
#e2a9f7
```
#e2a9f7 rgb(226,169,247)
```

Monochromatic Color

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

#a763f1
```
#a763f1 rgb(167,99,241)
```
#b263f1
```
#b263f1 rgb(178,99,241)
```
#be63f1
```
#be63f1 rgb(190,99,241)
```
#ca63f1
```
#ca63f1 rgb(202,99,241)
```
#d663f1
```
#d663f1 rgb(214,99,241)
```
#e263f1
```
#e263f1 rgb(226,99,241)
```
#ee63f1
```
#ee63f1 rgb(238,99,241)
```

Similar Colors

Text with hexadecimal color #ca63f1

This text has a font color of #ca63f1.

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

#ca63f1 background color

This paragraph has a background color of #ca63f1.

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

#ca63f1 border color

This element has a border color of #ca63f1.

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

CSS codes

.text {color:#ca63f1;}

.background {background-color:#ca63f1;}

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

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

#040106
```
#040106 rgb(4,1,6)
```
#120218
```
#120218 rgb(18,2,24)
```
#1f042a
```
#1f042a rgb(31,4,42)
```
#2d053c
```
#2d053c rgb(45,5,60)
```
#3a074e
```
#3a074e rgb(58,7,78)
```
#480960
```
#480960 rgb(72,9,96)
```
#550a72
```
#550a72 rgb(85,10,114)
```
#630c84
```
#630c84 rgb(99,12,132)
```
#710d96
```
#710d96 rgb(113,13,150)
```
#7e0fa8
```
#7e0fa8 rgb(126,15,168)
```
#8c11ba
```
#8c11ba rgb(140,17,186)
```
#9912cc
```
#9912cc rgb(153,18,204)
```
#a714de
```
#a714de rgb(167,20,222)
```

Shade Color Variation

#b21beb
```
#b21beb rgb(178,27,235)
```
#b82dec
```
#b82dec rgb(184,45,236)
```
#be3fee
```
#be3fee rgb(190,63,238)
```
#c451ef
```
#c451ef rgb(196,81,239)
```
#ca63f1
```
#ca63f1 rgb(202,99,241)
```
#d075f3
```
#d075f3 rgb(208,117,243)
```
#d687f4
```
#d687f4 rgb(214,135,244)
```
#dc99f6
```
#dc99f6 rgb(220,153,246)
```
#e2abf7
```
#e2abf7 rgb(226,171,247)
```
#e9bdf9
```
#e9bdf9 rgb(233,189,249)
```
#efcffb
```
#efcffb rgb(239,207,251)
```
#f5e1fc
```
#f5e1fc rgb(245,225,252)
```
#fbf3fe
```
#fbf3fe rgb(251,243,254)
```

Tint Color Variation

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

#ada4b0
```
#ada4b0 rgb(173,164,176)
```
#af9eb6
```
#af9eb6 rgb(175,158,182)
```
#b297bd
```
#b297bd rgb(178,151,189)
```
#b591c3
```
#b591c3 rgb(181,145,195)
```
#b88aca
```
#b88aca rgb(184,138,202)
```
#bb84d0
```
#bb84d0 rgb(187,132,208)
```
#be7dd7
```
#be7dd7 rgb(190,125,215)
```
#c177dd
```
#c177dd rgb(193,119,221)
```
#c470e4
```
#c470e4 rgb(196,112,228)
```
#c76aea
```
#c76aea rgb(199,106,234)
```
#ca63f1
```
#ca63f1 rgb(202,99,241)
```
#cd5cf8
```
#cd5cf8 rgb(205,92,248)
```
#d056fe
```
#d056fe rgb(208,86,254)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#9d89a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a92ff Protanopia 1% of men
#6595e4 Deuteranopia 1% of men
#bc8791 Tritanopia 0.001% of the population

Trichromacy

#8381f9 Protanomaly 1% of men, 0.01% of women
#8983e8 Deuteranomaly 6% of men, 0.4% of women
#c17ab3 Tritanomaly 0.01% of the population

#ca63f1 hex color

#ca63f1 Color Information

#ca63f1 Color Conversion

Color Schemes with #ca63f1

Alternatives to #ca63f1

#ca63f1 Preview

Shades and Tints of #ca63f1

Tones of #ca63f1

Color Blindness Simulator