#caaaf2 hex color

In a RGB color space, hex #caaaf2 is composed of 79.2% red, 66.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 29.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 266.7 degrees, a saturation of 73.5% and a lightness of 80.8%. #caaaf2 color hex could be obtained by blending #ffffff with #9555e5. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 79
- G 67
- B 95
RGB color chart
- C 17
- M 30
- Y 0
- K 5
CMYK color chart

● #caaaf2 color description : Very soft violet.

The hexadecimal color #caaaf2 has RGB values of R:202, G:170, B:242 and CMYK values of C:0.17, M:0.3, Y:0, K:0.05. Its decimal value is 13282034.

Hex triplet	caaaf2	`#caaaf2`
RGB Decimal	202, 170, 242	`rgb(202,170,242)`
RGB Percent	79.2, 66.7, 94.9	`rgb(79.2%,66.7%,94.9%)`
CMYK	17, 30, 0, 5
HSL	266.7°, 73.5, 80.8	`hsl(266.7,73.5%,80.8%)`
HSV (or HSB)	266.7°, 29.8, 94.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	74.646, 25.324, -31.636
XYZ	54.756, 47.717, 90.325
xyY	0.284, 0.247, 47.717
CIE-LCH	74.646, 40.523, 308.676
CIE-LUV	74.646, 12.091, -54.333
Hunter-Lab	69.078, 20.607, -29.173
Binary	11001010, 10101010, 11110010

#caaaf2
```
#caaaf2 rgb(202,170,242)
```
#d2f2aa
```
#d2f2aa rgb(210,242,170)
```

Complementary Color

#aaaef2
```
#aaaef2 rgb(170,174,242)
```
#caaaf2
```
#caaaf2 rgb(202,170,242)
```
#eeaaf2
```
#eeaaf2 rgb(238,170,242)
```

Analogous Color

#aef2aa
```
#aef2aa rgb(174,242,170)
```
#caaaf2
```
#caaaf2 rgb(202,170,242)
```
#f2eeaa
```
#f2eeaa rgb(242,238,170)
```

Split Complementary Color

#aaf2ca
```
#aaf2ca rgb(170,242,202)
```
#caaaf2
```
#caaaf2 rgb(202,170,242)
```
#f2caaa
```
#f2caaa rgb(242,202,170)
```

Triadic Color

#aad2f2
```
#aad2f2 rgb(170,210,242)
```
#caaaf2
```
#caaaf2 rgb(202,170,242)
```
#f2caaa
```
#f2caaa rgb(242,202,170)
```
#d2f2aa
```
#d2f2aa rgb(210,242,170)
```

Tetradic Color

#a168e8
```
#a168e8 rgb(161,104,232)
```
#ae7eeb
```
#ae7eeb rgb(174,126,235)
```
#bc94ef
```
#bc94ef rgb(188,148,239)
```
#caaaf2
```
#caaaf2 rgb(202,170,242)
```
#d8c0f5
```
#d8c0f5 rgb(216,192,245)
```
#e6d6f9
```
#e6d6f9 rgb(230,214,249)
```
#f3ecfc
```
#f3ecfc rgb(243,236,252)
```

Monochromatic Color

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

#b8aaf2
```
#b8aaf2 rgb(184,170,242)
```
#beaaf2
```
#beaaf2 rgb(190,170,242)
```
#c4aaf2
```
#c4aaf2 rgb(196,170,242)
```
#caaaf2
```
#caaaf2 rgb(202,170,242)
```
#d0aaf2
```
#d0aaf2 rgb(208,170,242)
```
#d6aaf2
```
#d6aaf2 rgb(214,170,242)
```
#dcaaf2
```
#dcaaf2 rgb(220,170,242)
```

Similar Colors

Text with hexadecimal color #caaaf2

This text has a font color of #caaaf2.

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

#caaaf2 background color

This paragraph has a background color of #caaaf2.

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

#caaaf2 border color

This element has a border color of #caaaf2.

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

CSS codes

.text {color:#caaaf2;}

.background {background-color:#caaaf2;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#090311
```
#090311 rgb(9,3,17)
```
#120522
```
#120522 rgb(18,5,34)
```
#1b0833
```
#1b0833 rgb(27,8,51)
```
#240a44
```
#240a44 rgb(36,10,68)
```
#2d0d55
```
#2d0d55 rgb(45,13,85)
```
#361066
```
#361066 rgb(54,16,102)
```
#3f1277
```
#3f1277 rgb(63,18,119)
```
#481588
```
#481588 rgb(72,21,136)
```
#511799
```
#511799 rgb(81,23,153)
```
#5a1aaa
```
#5a1aaa rgb(90,26,170)
```
#631dbb
```
#631dbb rgb(99,29,187)
```
#6c1fcc
```
#6c1fcc rgb(108,31,204)
```

Shade Color Variation

#7522dd
```
#7522dd rgb(117,34,221)
```
#8033e0
```
#8033e0 rgb(128,51,224)
```
#8a44e2
```
#8a44e2 rgb(138,68,226)
```
#9555e5
```
#9555e5 rgb(149,85,229)
```
#a066e8
```
#a066e8 rgb(160,102,232)
```
#aa77ea
```
#aa77ea rgb(170,119,234)
```
#b588ed
```
#b588ed rgb(181,136,237)
```
#bf99ef
```
#bf99ef rgb(191,153,239)
```
#caaaf2
```
#caaaf2 rgb(202,170,242)
```
#d5bbf5
```
#d5bbf5 rgb(213,187,245)
```
#dfccf7
```
#dfccf7 rgb(223,204,247)
```
#eaddfa
```
#eaddfa rgb(234,221,250)
```
#f4eefc
```
#f4eefc rgb(244,238,252)
```

Tint Color Variation

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

#ceccd0
```
#ceccd0 rgb(206,204,208)
```
#cdc8d4
```
#cdc8d4 rgb(205,200,212)
```
#cdc4d8
```
#cdc4d8 rgb(205,196,216)
```
#cdc1db
```
#cdc1db rgb(205,193,219)
```
#ccbddf
```
#ccbddf rgb(204,189,223)
```
#ccb9e3
```
#ccb9e3 rgb(204,185,227)
```
#cbb5e7
```
#cbb5e7 rgb(203,181,231)
```
#cbb2ea
```
#cbb2ea rgb(203,178,234)
```
#caaeee
```
#caaeee rgb(202,174,238)
```
#caaaf2
```
#caaaf2 rgb(202,170,242)
```
#caa6f6
```
#caa6f6 rgb(202,166,246)
```
#c9a2fa
```
#c9a2fa rgb(201,162,250)
```
#c99ffd
```
#c99ffd rgb(201,159,253)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#bfb8c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6b9f9 Protanopia 1% of men
#aeb8ef Deuteranopia 1% of men
#c3b7c4 Tritanopia 0.001% of the population

Trichromacy

#b3b3f6 Protanomaly 1% of men, 0.01% of women
#b8b3f0 Deuteranomaly 6% of men, 0.4% of women
#c5b2d5 Tritanomaly 0.01% of the population

#caaaf2 hex color

#caaaf2 Color Information

#caaaf2 Color Conversion

Color Schemes with #caaaf2

Alternatives to #caaaf2

#caaaf2 Preview

Shades and Tints of #caaaf2

Tones of #caaaf2

Color Blindness Simulator