#caaff2 hex color

In a RGB color space, hex #caaff2 is composed of 79.2% red, 68.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 27.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 264.2 degrees, a saturation of 72% and a lightness of 81.8%. #caaff2 color hex could be obtained by blending #ffffff with #955fe5. Closest websafe color is: #cc99ff.

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

● #caaff2 color description : Very soft violet.

The hexadecimal color #caaff2 has RGB values of R:202, G:175, B:242 and CMYK values of C:0.17, M:0.28, Y:0, K:0.05. Its decimal value is 13283314.

Hex triplet	caaff2	`#caaff2`
RGB Decimal	202, 175, 242	`rgb(202,175,242)`
RGB Percent	79.2, 68.6, 94.9	`rgb(79.2%,68.6%,94.9%)`
CMYK	17, 28, 0, 5
HSL	264.2°, 72, 81.8	`hsl(264.2,72%,81.8%)`
HSV (or HSB)	264.2°, 27.7, 94.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	75.84, 22.583, -29.798
XYZ	55.711, 49.628, 90.644
xyY	0.284, 0.253, 49.628
CIE-LCH	75.84, 37.389, 307.157
CIE-LUV	75.84, 9.887, -50.981
Hunter-Lab	70.447, 17.881, -26.975
Binary	11001010, 10101111, 11110010

#caaff2
```
#caaff2 rgb(202,175,242)
```
#d7f2af
```
#d7f2af rgb(215,242,175)
```

Complementary Color

#afb6f2
```
#afb6f2 rgb(175,182,242)
```
#caaff2
```
#caaff2 rgb(202,175,242)
```
#ecaff2
```
#ecaff2 rgb(236,175,242)
```

Analogous Color

#b6f2af
```
#b6f2af rgb(182,242,175)
```
#caaff2
```
#caaff2 rgb(202,175,242)
```
#f2ecaf
```
#f2ecaf rgb(242,236,175)
```

Split Complementary Color

#aff2ca
```
#aff2ca rgb(175,242,202)
```
#caaff2
```
#caaff2 rgb(202,175,242)
```
#f2caaf
```
#f2caaf rgb(242,202,175)
```

Triadic Color

#afd7f2
```
#afd7f2 rgb(175,215,242)
```
#caaff2
```
#caaff2 rgb(202,175,242)
```
#f2caaf
```
#f2caaf rgb(242,202,175)
```
#d7f2af
```
#d7f2af rgb(215,242,175)
```

Tetradic Color

#9e6de7
```
#9e6de7 rgb(158,109,231)
```
#ad83eb
```
#ad83eb rgb(173,131,235)
```
#bb99ee
```
#bb99ee rgb(187,153,238)
```
#caaff2
```
#caaff2 rgb(202,175,242)
```
#d9c5f6
```
#d9c5f6 rgb(217,197,246)
```
#e7dbf9
```
#e7dbf9 rgb(231,219,249)
```
#f6f1fd
```
#f6f1fd rgb(246,241,253)
```

Monochromatic Color

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

#b9aff2
```
#b9aff2 rgb(185,175,242)
```
#bfaff2
```
#bfaff2 rgb(191,175,242)
```
#c4aff2
```
#c4aff2 rgb(196,175,242)
```
#caaff2
```
#caaff2 rgb(202,175,242)
```
#d0aff2
```
#d0aff2 rgb(208,175,242)
```
#d5aff2
```
#d5aff2 rgb(213,175,242)
```
#dbaff2
```
#dbaff2 rgb(219,175,242)
```

Similar Colors

Text with hexadecimal color #caaff2

This text has a font color of #caaff2.

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

#caaff2 background color

This paragraph has a background color of #caaff2.

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

#caaff2 border color

This element has a border color of #caaff2.

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

CSS codes

.text {color:#caaff2;}

.background {background-color:#caaff2;}

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

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

#020104
```
#020104 rgb(2,1,4)
```
#0b0315
```
#0b0315 rgb(11,3,21)
```
#130626
```
#130626 rgb(19,6,38)
```
#1b0937
```
#1b0937 rgb(27,9,55)
```
#240c48
```
#240c48 rgb(36,12,72)
```
#2c0e59
```
#2c0e59 rgb(44,14,89)
```
#35116a
```
#35116a rgb(53,17,106)
```
#3d147a
```
#3d147a rgb(61,20,122)
```
#46178b
```
#46178b rgb(70,23,139)
```
#4e199c
```
#4e199c rgb(78,25,156)
```
#571cad
```
#571cad rgb(87,28,173)
```
#5f1fbe
```
#5f1fbe rgb(95,31,190)
```
#6722cf
```
#6722cf rgb(103,34,207)
```

Shade Color Variation

#7128dc
```
#7128dc rgb(113,40,220)
```
#7c39df
```
#7c39df rgb(124,57,223)
```
#874ae2
```
#874ae2 rgb(135,74,226)
```
#925be4
```
#925be4 rgb(146,91,228)
```
#9d6ce7
```
#9d6ce7 rgb(157,108,231)
```
#a87cea
```
#a87cea rgb(168,124,234)
```
#b48ded
```
#b48ded rgb(180,141,237)
```
#bf9eef
```
#bf9eef rgb(191,158,239)
```
#caaff2
```
#caaff2 rgb(202,175,242)
```
#d5c0f5
```
#d5c0f5 rgb(213,192,245)
```
#e0d1f7
```
#e0d1f7 rgb(224,209,247)
```
#ece2fa
```
#ece2fa rgb(236,226,250)
```
#f7f2fd
```
#f7f2fd rgb(247,242,253)
```

Tint Color Variation

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

#d0cfd2
```
#d0cfd2 rgb(208,207,210)
```
#d0ccd5
```
#d0ccd5 rgb(208,204,213)
```
#cfc8d9
```
#cfc8d9 rgb(207,200,217)
```
#cec4dd
```
#cec4dd rgb(206,196,221)
```
#cdc1e0
```
#cdc1e0 rgb(205,193,224)
```
#cdbde4
```
#cdbde4 rgb(205,189,228)
```
#ccbae7
```
#ccbae7 rgb(204,186,231)
```
#cbb6eb
```
#cbb6eb rgb(203,182,235)
```
#cbb3ee
```
#cbb3ee rgb(203,179,238)
```
#caaff2
```
#caaff2 rgb(202,175,242)
```
#c9abf6
```
#c9abf6 rgb(201,171,246)
```
#c9a8f9
```
#c9a8f9 rgb(201,168,249)
```
#c8a4fd
```
#c8a4fd rgb(200,164,253)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#c1bcc9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acbcf8 Protanopia 1% of men
#b4bbef Deuteranopia 1% of men
#c4bbc8 Tritanopia 0.001% of the population

Trichromacy

#b7b7f6 Protanomaly 1% of men, 0.01% of women
#bcb6f0 Deuteranomaly 6% of men, 0.4% of women
#c6b6d7 Tritanomaly 0.01% of the population

#caaff2 hex color

#caaff2 Color Information

#caaff2 Color Conversion

Color Schemes with #caaff2

Alternatives to #caaff2

#caaff2 Preview

Shades and Tints of #caaff2

Tones of #caaff2

Color Blindness Simulator