#ca3af5 hex color

In a RGB color space, hex #ca3af5 is composed of 79.2% red, 22.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 76.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 286.2 degrees, a saturation of 90.3% and a lightness of 59.4%. #ca3af5 color hex could be obtained by blending #ff74ff with #9500eb. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 79
- G 23
- B 96
RGB color chart
- C 18
- M 76
- Y 0
- K 4
CMYK color chart

● #ca3af5 color description : Bright magenta.

The hexadecimal color #ca3af5 has RGB values of R:202, G:58, B:245 and CMYK values of C:0.18, M:0.76, Y:0, K:0.04. Its decimal value is 13253365.

Hex triplet	ca3af5	`#ca3af5`
RGB Decimal	202, 58, 245	`rgb(202,58,245)`
RGB Percent	79.2, 22.7, 96.1	`rgb(79.2%,22.7%,96.1%)`
CMYK	18, 76, 0, 4
HSL	286.2°, 90.3, 59.4	`hsl(286.2,90.3%,59.4%)`
HSV (or HSB)	286.2°, 76.3, 96.1
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	54.214, 79.244, -65.541
XYZ	42.35, 22.177, 88.431
xyY	0.277, 0.145, 22.177
CIE-LCH	54.214, 102.836, 320.407
CIE-LUV	54.214, 47.025, -110.382
Hunter-Lab	47.093, 78.111, -78.371
Binary	11001010, 00111010, 11110101

#ca3af5
```
#ca3af5 rgb(202,58,245)
```
#65f53a
```
#65f53a rgb(101,245,58)
```

Complementary Color

#6d3af5
```
#6d3af5 rgb(109,58,245)
```
#ca3af5
```
#ca3af5 rgb(202,58,245)
```
#f53ac3
```
#f53ac3 rgb(245,58,195)
```

Analogous Color

#3af56d
```
#3af56d rgb(58,245,109)
```
#ca3af5
```
#ca3af5 rgb(202,58,245)
```
#c3f53a
```
#c3f53a rgb(195,245,58)
```

Split Complementary Color

#3af5ca
```
#3af5ca rgb(58,245,202)
```
#ca3af5
```
#ca3af5 rgb(202,58,245)
```
#f5ca3a
```
#f5ca3a rgb(245,202,58)
```

Triadic Color

#3a65f5
```
#3a65f5 rgb(58,101,245)
```
#ca3af5
```
#ca3af5 rgb(202,58,245)
```
#f5ca3a
```
#f5ca3a rgb(245,202,58)
```
#65f53a
```
#65f53a rgb(101,245,58)
```

Tetradic Color

#a90bd8
```
#a90bd8 rgb(169,11,216)
```
#bb0cf0
```
#bb0cf0 rgb(187,12,240)
```
#c322f4
```
#c322f4 rgb(195,34,244)
```
#ca3af5
```
#ca3af5 rgb(202,58,245)
```
#d152f6
```
#d152f6 rgb(209,82,246)
```
#d76bf7
```
#d76bf7 rgb(215,107,247)
```
#de83f9
```
#de83f9 rgb(222,131,249)
```

Monochromatic Color

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

#9b3af5
```
#9b3af5 rgb(155,58,245)
```
#ab3af5
```
#ab3af5 rgb(171,58,245)
```
#ba3af5
```
#ba3af5 rgb(186,58,245)
```
#ca3af5
```
#ca3af5 rgb(202,58,245)
```
#da3af5
```
#da3af5 rgb(218,58,245)
```
#e93af5
```
#e93af5 rgb(233,58,245)
```
#f53af1
```
#f53af1 rgb(245,58,241)
```

Similar Colors

Text with hexadecimal color #ca3af5

This text has a font color of #ca3af5.

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

#ca3af5 background color

This paragraph has a background color of #ca3af5.

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

#ca3af5 border color

This element has a border color of #ca3af5.

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

CSS codes

.text {color:#ca3af5;}

.background {background-color:#ca3af5;}

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

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

#070008
```
#070008 rgb(7,0,8)
```
#15011b
```
#15011b rgb(21,1,27)
```
#24022e
```
#24022e rgb(36,2,46)
```
#320340
```
#320340 rgb(50,3,64)
```
#410453
```
#410453 rgb(65,4,83)
```
#4f0566
```
#4f0566 rgb(79,5,102)
```
#5e0678
```
#5e0678 rgb(94,6,120)
```
#6d078b
```
#6d078b rgb(109,7,139)
```
#7b089e
```
#7b089e rgb(123,8,158)
```
#8a09b0
```
#8a09b0 rgb(138,9,176)
```
#980ac3
```
#980ac3 rgb(152,10,195)
```
#a70bd6
```
#a70bd6 rgb(167,11,214)
```
#b60ce8
```
#b60ce8 rgb(182,12,232)
```

Shade Color Variation

#c015f3
```
#c015f3 rgb(192,21,243)
```
#c527f4
```
#c527f4 rgb(197,39,244)
```
#ca3af5
```
#ca3af5 rgb(202,58,245)
```
#cf4df6
```
#cf4df6 rgb(207,77,246)
```
#d45ff7
```
#d45ff7 rgb(212,95,247)
```
#d972f8
```
#d972f8 rgb(217,114,248)
```
#de85f9
```
#de85f9 rgb(222,133,249)
```
#e397fa
```
#e397fa rgb(227,151,250)
```
#e8aafb
```
#e8aafb rgb(232,170,251)
```
#edbdfc
```
#edbdfc rgb(237,189,252)
```
#f2cffd
```
#f2cffd rgb(242,207,253)
```
#f7e2fe
```
#f7e2fe rgb(247,226,254)
```
#fcf5fe
```
#fcf5fe rgb(252,245,254)
```

Tint Color Variation

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

#9b929d
```
#9b929d rgb(155,146,157)
```
#9f8aa5
```
#9f8aa5 rgb(159,138,165)
```
#a382ad
```
#a382ad rgb(163,130,173)
```
#a87ab5
```
#a87ab5 rgb(168,122,181)
```
#ac72bd
```
#ac72bd rgb(172,114,189)
```
#b06ac5
```
#b06ac5 rgb(176,106,197)
```
#b462cd
```
#b462cd rgb(180,98,205)
```
#b95ad5
```
#b95ad5 rgb(185,90,213)
```
#bd52dd
```
#bd52dd rgb(189,82,221)
```
#c14ae5
```
#c14ae5 rgb(193,74,229)
```
#c642ed
```
#c642ed rgb(198,66,237)
```
#ca3af5
```
#ca3af5 rgb(202,58,245)
```
#ce32fd
```
#ce32fd rgb(206,50,253)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#8a6d93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2184ff Protanopia 1% of men
#3289e1 Deuteranopia 1% of men
#b8757d Tritanopia 0.001% of the population

Trichromacy

#5e69fb Protanomaly 1% of men, 0.01% of women
#696ce8 Deuteranomaly 6% of men, 0.4% of women
#bf5fa8 Tritanomaly 0.01% of the population

#ca3af5 hex color

#ca3af5 Color Information

#ca3af5 Color Conversion

Color Schemes with #ca3af5

Alternatives to #ca3af5

#ca3af5 Preview

Shades and Tints of #ca3af5

Tones of #ca3af5

Color Blindness Simulator