#caa2f4 hex color

In a RGB color space, hex #caa2f4 is composed of 79.2% red, 63.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 17.2% cyan, 33.6% magenta, 0% yellow and 4.3% black. It has a hue angle of 269.3 degrees, a saturation of 78.8% and a lightness of 79.6%. #caa2f4 color hex could be obtained by blending #ffffff with #9545e9. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 79
- G 64
- B 96
RGB color chart
- C 17
- M 34
- Y 0
- K 4
CMYK color chart

● #caa2f4 color description : Very soft violet.

The hexadecimal color #caa2f4 has RGB values of R:202, G:162, B:244 and CMYK values of C:0.17, M:0.34, Y:0, K:0.04. Its decimal value is 13279988.

Hex triplet	caa2f4	`#caa2f4`
RGB Decimal	202, 162, 244	`rgb(202,162,244)`
RGB Percent	79.2, 63.5, 95.7	`rgb(79.2%,63.5%,95.7%)`
CMYK	17, 34, 0, 4
HSL	269.3°, 78.8, 79.6	`hsl(269.3,78.8%,79.6%)`
HSV (or HSB)	269.3°, 33.6, 95.7
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	72.845, 30.147, -35.505
XYZ	53.604, 44.929, 91.431
xyY	0.282, 0.237, 44.929
CIE-LCH	72.845, 46.577, 310.334
CIE-LUV	72.845, 15.325, -61.284
Hunter-Lab	67.029, 25.447, -33.954
Binary	11001010, 10100010, 11110100

#caa2f4
```
#caa2f4 rgb(202,162,244)
```
#ccf4a2
```
#ccf4a2 rgb(204,244,162)
```

Complementary Color

#a2a3f4
```
#a2a3f4 rgb(162,163,244)
```
#caa2f4
```
#caa2f4 rgb(202,162,244)
```
#f3a2f4
```
#f3a2f4 rgb(243,162,244)
```

Analogous Color

#a3f4a2
```
#a3f4a2 rgb(163,244,162)
```
#caa2f4
```
#caa2f4 rgb(202,162,244)
```
#f4f3a2
```
#f4f3a2 rgb(244,243,162)
```

Split Complementary Color

#a2f4ca
```
#a2f4ca rgb(162,244,202)
```
#caa2f4
```
#caa2f4 rgb(202,162,244)
```
#f4caa2
```
#f4caa2 rgb(244,202,162)
```

Triadic Color

#a2ccf4
```
#a2ccf4 rgb(162,204,244)
```
#caa2f4
```
#caa2f4 rgb(202,162,244)
```
#f4caa2
```
#f4caa2 rgb(244,202,162)
```
#ccf4a2
```
#ccf4a2 rgb(204,244,162)
```

Tetradic Color

#a35eec
```
#a35eec rgb(163,94,236)
```
#b074ef
```
#b074ef rgb(176,116,239)
```
#bd8bf1
```
#bd8bf1 rgb(189,139,241)
```
#caa2f4
```
#caa2f4 rgb(202,162,244)
```
#d7b9f7
```
#d7b9f7 rgb(215,185,247)
```
#e4d0f9
```
#e4d0f9 rgb(228,208,249)
```
#f1e6fc
```
#f1e6fc rgb(241,230,252)
```

Monochromatic Color

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

#b6a2f4
```
#b6a2f4 rgb(182,162,244)
```
#bca2f4
```
#bca2f4 rgb(188,162,244)
```
#c3a2f4
```
#c3a2f4 rgb(195,162,244)
```
#caa2f4
```
#caa2f4 rgb(202,162,244)
```
#d1a2f4
```
#d1a2f4 rgb(209,162,244)
```
#d8a2f4
```
#d8a2f4 rgb(216,162,244)
```
#dfa2f4
```
#dfa2f4 rgb(223,162,244)
```

Similar Colors

Text with hexadecimal color #caa2f4

This text has a font color of #caa2f4.

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

#caa2f4 background color

This paragraph has a background color of #caa2f4.

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

#caa2f4 border color

This element has a border color of #caa2f4.

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

CSS codes

.text {color:#caa2f4;}

.background {background-color:#caa2f4;}

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

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, #07010c is the darkest color, while #fcfafe is the lightest one.

#07010c
```
#07010c rgb(7,1,12)
```
#10041e
```
#10041e rgb(16,4,30)
```
#1a062f
```
#1a062f rgb(26,6,47)
```
#240841
```
#240841 rgb(36,8,65)
```
#2d0a52
```
#2d0a52 rgb(45,10,82)
```
#370c64
```
#370c64 rgb(55,12,100)
```
#400e75
```
#400e75 rgb(64,14,117)
```
#4a1087
```
#4a1087 rgb(74,16,135)
```
#541299
```
#541299 rgb(84,18,153)
```
#5d14aa
```
#5d14aa rgb(93,20,170)
```
#6716bc
```
#6716bc rgb(103,22,188)
```
#7118cd
```
#7118cd rgb(113,24,205)
```
#7a1adf
```
#7a1adf rgb(122,26,223)
```

Shade Color Variation

#8427e5
```
#8427e5 rgb(132,39,229)
```
#8e39e8
```
#8e39e8 rgb(142,57,232)
```
#984aea
```
#984aea rgb(152,74,234)
```
#a25cec
```
#a25cec rgb(162,92,236)
```
#ac6dee
```
#ac6dee rgb(172,109,238)
```
#b67ff0
```
#b67ff0 rgb(182,127,240)
```
#c090f2
```
#c090f2 rgb(192,144,242)
```
#caa2f4
```
#caa2f4 rgb(202,162,244)
```
#d4b4f6
```
#d4b4f6 rgb(212,180,246)
```
#dec5f8
```
#dec5f8 rgb(222,197,248)
```
#e8d7fa
```
#e8d7fa rgb(232,215,250)
```
#f2e8fc
```
#f2e8fc rgb(242,232,252)
```
#fcfafe
```
#fcfafe rgb(252,250,254)
```

Tint Color Variation

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

#cbcacc
```
#cbcacc rgb(203,202,204)
```
#cbc6d0
```
#cbc6d0 rgb(203,198,208)
```
#cbc2d4
```
#cbc2d4 rgb(203,194,212)
```
#cbbed8
```
#cbbed8 rgb(203,190,216)
```
#cbbadc
```
#cbbadc rgb(203,186,220)
```
#cab6e0
```
#cab6e0 rgb(202,182,224)
```
#cab2e4
```
#cab2e4 rgb(202,178,228)
```
#caaee8
```
#caaee8 rgb(202,174,232)
```
#caaaec
```
#caaaec rgb(202,170,236)
```
#caa6f0
```
#caa6f0 rgb(202,166,240)
```
#caa2f4
```
#caa2f4 rgb(202,162,244)
```
#ca9ef8
```
#ca9ef8 rgb(202,158,248)
```
#ca9afc
```
#ca9afc rgb(202,154,252)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#bbb3c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9db4fd Protanopia 1% of men
#a5b4ef Deuteranopia 1% of men
#c2b2be Tritanopia 0.001% of the population

Trichromacy

#adadfa Protanomaly 1% of men, 0.01% of women
#b2adf1 Deuteranomaly 6% of men, 0.4% of women
#c4acd2 Tritanomaly 0.01% of the population

#caa2f4 hex color

#caa2f4 Color Information

#caa2f4 Color Conversion

Color Schemes with #caa2f4

Alternatives to #caa2f4

#caa2f4 Preview

Shades and Tints of #caa2f4

Tones of #caa2f4

Color Blindness Simulator