#ca3afd hex color

In a RGB color space, hex #ca3afd is composed of 79.2% red, 22.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 77.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 284.3 degrees, a saturation of 98% and a lightness of 61%. #ca3afd color hex could be obtained by blending #ff74ff with #9500fb. Closest websafe color is: #cc33ff.

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

● #ca3afd color description : Bright violet.

The hexadecimal color #ca3afd has RGB values of R:202, G:58, B:253 and CMYK values of C:0.2, M:0.77, Y:0, K:0.01. Its decimal value is 13253373.

Hex triplet	ca3afd	`#ca3afd`
RGB Decimal	202, 58, 253	`rgb(202,58,253)`
RGB Percent	79.2, 22.7, 99.2	`rgb(79.2%,22.7%,99.2%)`
CMYK	20, 77, 0, 1
HSL	284.3°, 98, 61	`hsl(284.3,98%,61%)`
HSV (or HSB)	284.3°, 77.1, 99.2
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	54.737, 80.705, -69.152
XYZ	43.598, 22.676, 95.004
xyY	0.27, 0.141, 22.676
CIE-LCH	54.737, 106.279, 319.408
CIE-LUV	54.737, 44.78, -116.103
Hunter-Lab	47.62, 80.09, -84.953
Binary	11001010, 00111010, 11111101

#ca3afd
```
#ca3afd rgb(202,58,253)
```
#6dfd3a
```
#6dfd3a rgb(109,253,58)
```

Complementary Color

#693afd
```
#693afd rgb(105,58,253)
```
#ca3afd
```
#ca3afd rgb(202,58,253)
```
#fd3acf
```
#fd3acf rgb(253,58,207)
```

Analogous Color

#3afd69
```
#3afd69 rgb(58,253,105)
```
#ca3afd
```
#ca3afd rgb(202,58,253)
```
#cffd3a
```
#cffd3a rgb(207,253,58)
```

Split Complementary Color

#3afdca
```
#3afdca rgb(58,253,202)
```
#ca3afd
```
#ca3afd rgb(202,58,253)
```
#fdca3a
```
#fdca3a rgb(253,202,58)
```

Triadic Color

#3a6dfd
```
#3a6dfd rgb(58,109,253)
```
#ca3afd
```
#ca3afd rgb(202,58,253)
```
#fdca3a
```
#fdca3a rgb(253,202,58)
```
#6dfd3a
```
#6dfd3a rgb(109,253,58)
```

Tetradic Color

#ac02e8
```
#ac02e8 rgb(172,2,232)
```
#bc08fc
```
#bc08fc rgb(188,8,252)
```
#c321fd
```
#c321fd rgb(195,33,253)
```
#ca3afd
```
#ca3afd rgb(202,58,253)
```
#d153fd
```
#d153fd rgb(209,83,253)
```
#d86cfe
```
#d86cfe rgb(216,108,254)
```
#de86fe
```
#de86fe rgb(222,134,254)
```

Monochromatic Color

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

#993afd
```
#993afd rgb(153,58,253)
```
#aa3afd
```
#aa3afd rgb(170,58,253)
```
#ba3afd
```
#ba3afd rgb(186,58,253)
```
#ca3afd
```
#ca3afd rgb(202,58,253)
```
#da3afd
```
#da3afd rgb(218,58,253)
```
#eb3afd
```
#eb3afd rgb(235,58,253)
```
#fb3afd
```
#fb3afd rgb(251,58,253)
```

Similar Colors

Text with hexadecimal color #ca3afd

This text has a font color of #ca3afd.

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

#ca3afd background color

This paragraph has a background color of #ca3afd.

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

#ca3afd border color

This element has a border color of #ca3afd.

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

CSS codes

.text {color:#ca3afd;}

.background {background-color:#ca3afd;}

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

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

#0c0011
```
#0c0011 rgb(12,0,17)
```
#1b0024
```
#1b0024 rgb(27,0,36)
```
#290137
```
#290137 rgb(41,1,55)
```
#37014b
```
#37014b rgb(55,1,75)
```
#46015e
```
#46015e rgb(70,1,94)
```
#540172
```
#540172 rgb(84,1,114)
```
#630185
```
#630185 rgb(99,1,133)
```
#710299
```
#710299 rgb(113,2,153)
```
#7f02ac
```
#7f02ac rgb(127,2,172)
```
#8e02bf
```
#8e02bf rgb(142,2,191)
```
#9c02d3
```
#9c02d3 rgb(156,2,211)
```
#ab02e6
```
#ab02e6 rgb(171,2,230)
```
#b903fa
```
#b903fa rgb(185,3,250)
```

Shade Color Variation

#c013fd
```
#c013fd rgb(192,19,253)
```
#c527fd
```
#c527fd rgb(197,39,253)
```
#ca3afd
```
#ca3afd rgb(202,58,253)
```
#cf4dfd
```
#cf4dfd rgb(207,77,253)
```
#d461fd
```
#d461fd rgb(212,97,253)
```
#da74fe
```
#da74fe rgb(218,116,254)
```
#df88fe
```
#df88fe rgb(223,136,254)
```
#e49bfe
```
#e49bfe rgb(228,155,254)
```
#e9affe
```
#e9affe rgb(233,175,254)
```
#efc2fe
```
#efc2fe rgb(239,194,254)
```
#f4d5ff
```
#f4d5ff rgb(244,213,255)
```
#f9e9ff
```
#f9e9ff rgb(249,233,255)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#9e96a1
```
#9e96a1 rgb(158,150,161)
```
#a28ea9
```
#a28ea9 rgb(162,142,169)
```
#a587b0
```
#a587b0 rgb(165,135,176)
```
#a97fb8
```
#a97fb8 rgb(169,127,184)
```
#ad77c0
```
#ad77c0 rgb(173,119,192)
```
#b070c7
```
#b070c7 rgb(176,112,199)
```
#b468cf
```
#b468cf rgb(180,104,207)
```
#b860d7
```
#b860d7 rgb(184,96,215)
```
#bb59de
```
#bb59de rgb(187,89,222)
```
#bf51e6
```
#bf51e6 rgb(191,81,230)
```
#c349ee
```
#c349ee rgb(195,73,238)
```
#c642f5
```
#c642f5 rgb(198,66,245)
```
#ca3afd
```
#ca3afd rgb(202,58,253)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#8b6e95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a85ff Protanopia 1% of men
#138be8 Deuteranopia 1% of men
#b77780 Tritanopia 0.001% of the population

Trichromacy

#646afe Protanomaly 1% of men, 0.01% of women
#556df0 Deuteranomaly 6% of men, 0.4% of women
#bd61ad Tritanomaly 0.01% of the population

#ca3afd hex color

#ca3afd Color Information

#ca3afd Color Conversion

Color Schemes with #ca3afd

Alternatives to #ca3afd

#ca3afd Preview

Shades and Tints of #ca3afd

Tones of #ca3afd

Color Blindness Simulator