#ca6af0 hex color

In a RGB color space, hex #ca6af0 is composed of 79.2% red, 41.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 55.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 283 degrees, a saturation of 81.7% and a lightness of 67.8%. #ca6af0 color hex could be obtained by blending #ffd4ff with #9500e1. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 79
- G 42
- B 94
RGB color chart
- C 16
- M 56
- Y 0
- K 6
CMYK color chart

● #ca6af0 color description : Soft violet.

The hexadecimal color #ca6af0 has RGB values of R:202, G:106, B:240 and CMYK values of C:0.16, M:0.56, Y:0, K:0.06. Its decimal value is 13265648.

Hex triplet	ca6af0	`#ca6af0`
RGB Decimal	202, 106, 240	`rgb(202,106,240)`
RGB Percent	79.2, 41.6, 94.1	`rgb(79.2%,41.6%,94.1%)`
CMYK	16, 56, 0, 6
HSL	283°, 81.7, 67.8	`hsl(283,81.7%,67.8%)`
HSV (or HSB)	283°, 55.8, 94.1
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	60.92, 58.829, -52.022
XYZ	45.237, 29.157, 85.678
xyY	0.283, 0.182, 29.157
CIE-LCH	60.92, 78.531, 318.514
CIE-LUV	60.92, 37.07, -89.922
Hunter-Lab	53.998, 55.046, -56.278
Binary	11001010, 01101010, 11110000

#ca6af0
```
#ca6af0 rgb(202,106,240)
```
#90f06a
```
#90f06a rgb(144,240,106)
```

Complementary Color

#876af0
```
#876af0 rgb(135,106,240)
```
#ca6af0
```
#ca6af0 rgb(202,106,240)
```
#f06ad3
```
#f06ad3 rgb(240,106,211)
```

Analogous Color

#6af087
```
#6af087 rgb(106,240,135)
```
#ca6af0
```
#ca6af0 rgb(202,106,240)
```
#d3f06a
```
#d3f06a rgb(211,240,106)
```

Split Complementary Color

#6af0ca
```
#6af0ca rgb(106,240,202)
```
#ca6af0
```
#ca6af0 rgb(202,106,240)
```
#f0ca6a
```
#f0ca6a rgb(240,202,106)
```

Triadic Color

#6a90f0
```
#6a90f0 rgb(106,144,240)
```
#ca6af0
```
#ca6af0 rgb(202,106,240)
```
#f0ca6a
```
#f0ca6a rgb(240,202,106)
```
#90f06a
```
#90f06a rgb(144,240,106)
```

Tetradic Color

#b124e9
```
#b124e9 rgb(177,36,233)
```
#ba3ceb
```
#ba3ceb rgb(186,60,235)
```
#c253ee
```
#c253ee rgb(194,83,238)
```
#ca6af0
```
#ca6af0 rgb(202,106,240)
```
#d281f2
```
#d281f2 rgb(210,129,242)
```
#da98f5
```
#da98f5 rgb(218,152,245)
```
#e3b0f7
```
#e3b0f7 rgb(227,176,247)
```

Monochromatic Color

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

#a96af0
```
#a96af0 rgb(169,106,240)
```
#b46af0
```
#b46af0 rgb(180,106,240)
```
#bf6af0
```
#bf6af0 rgb(191,106,240)
```
#ca6af0
```
#ca6af0 rgb(202,106,240)
```
#d56af0
```
#d56af0 rgb(213,106,240)
```
#e06af0
```
#e06af0 rgb(224,106,240)
```
#ec6af0
```
#ec6af0 rgb(236,106,240)
```

Similar Colors

Text with hexadecimal color #ca6af0

This text has a font color of #ca6af0.

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

#ca6af0 background color

This paragraph has a background color of #ca6af0.

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

#ca6af0 border color

This element has a border color of #ca6af0.

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

CSS codes

.text {color:#ca6af0;}

.background {background-color:#ca6af0;}

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

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, #08010b is the darkest color, while #fdf9fe is the lightest one.

#08010b
```
#08010b rgb(8,1,11)
```
#16031d
```
#16031d rgb(22,3,29)
```
#23052f
```
#23052f rgb(35,5,47)
```
#300741
```
#300741 rgb(48,7,65)
```
#3e0853
```
#3e0853 rgb(62,8,83)
```
#4b0a64
```
#4b0a64 rgb(75,10,100)
```
#580c76
```
#580c76 rgb(88,12,118)
```
#650e88
```
#650e88 rgb(101,14,136)
```
#730f9a
```
#730f9a rgb(115,15,154)
```
#8011ac
```
#8011ac rgb(128,17,172)
```
#8d13be
```
#8d13be rgb(141,19,190)
```
#9b15cf
```
#9b15cf rgb(155,21,207)
```
#a817e1
```
#a817e1 rgb(168,23,225)
```

Shade Color Variation

#b123e9
```
#b123e9 rgb(177,35,233)
```
#b735eb
```
#b735eb rgb(183,53,235)
```
#bd46ec
```
#bd46ec rgb(189,70,236)
```
#c458ee
```
#c458ee rgb(196,88,238)
```
#ca6af0
```
#ca6af0 rgb(202,106,240)
```
#d07cf2
```
#d07cf2 rgb(208,124,242)
```
#d78ef4
```
#d78ef4 rgb(215,142,244)
```
#dd9ff5
```
#dd9ff5 rgb(221,159,245)
```
#e3b1f7
```
#e3b1f7 rgb(227,177,247)
```
#eac3f9
```
#eac3f9 rgb(234,195,249)
```
#f0d5fb
```
#f0d5fb rgb(240,213,251)
```
#f6e7fd
```
#f6e7fd rgb(246,231,253)
```
#fdf9fe
```
#fdf9fe rgb(253,249,254)
```

Tint Color Variation

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

#afa9b1
```
#afa9b1 rgb(175,169,177)
```
#b1a3b7
```
#b1a3b7 rgb(177,163,183)
```
#b49cbe
```
#b49cbe rgb(180,156,190)
```
#b796c4
```
#b796c4 rgb(183,150,196)
```
#ba90ca
```
#ba90ca rgb(186,144,202)
```
#bc8ad0
```
#bc8ad0 rgb(188,138,208)
```
#bf83d7
```
#bf83d7 rgb(191,131,215)
```
#c27ddd
```
#c27ddd rgb(194,125,221)
```
#c577e3
```
#c577e3 rgb(197,119,227)
```
#c770ea
```
#c770ea rgb(199,112,234)
```
#ca6af0
```
#ca6af0 rgb(202,106,240)
```
#cd64f6
```
#cd64f6 rgb(205,100,246)
```
#cf5dfd
```
#cf5dfd rgb(207,93,253)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#a08da8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6295ff Protanopia 1% of men
#6d98e4 Deuteranopia 1% of men
#bc8b95 Tritanopia 0.001% of the population

Trichromacy

#8785f9 Protanomaly 1% of men, 0.01% of women
#8e87e8 Deuteranomaly 6% of men, 0.4% of women
#c17fb6 Tritanomaly 0.01% of the population

#ca6af0 hex color

#ca6af0 Color Information

#ca6af0 Color Conversion

Color Schemes with #ca6af0

Alternatives to #ca6af0

#ca6af0 Preview

Shades and Tints of #ca6af0

Tones of #ca6af0

Color Blindness Simulator