colorhexa.com

#ccaff3 hex color

In a RGB color space, hex #ccaff3 is composed of 80% red, 68.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 16% cyan, 28% magenta, 0% yellow and 4.7% black. It has a hue angle of 265.6 degrees, a saturation of 73.9% and a lightness of 82%. #ccaff3 color hex could be obtained by blending #ffffff with #995fe7. Closest websafe color is: #cc99ff.

- R 80
- G 69
- B 95
RGB color chart
- C 16
- M 28
- Y 0
- K 5
CMYK color chart

● #ccaff3 color description : Very soft violet.

The hexadecimal color #ccaff3 has RGB values of R:204, G:175, B:243 and CMYK values of C:0.16, M:0.28, Y:0, K:0.05. Its decimal value is 13414387.

Hex triplet	ccaff3	`#ccaff3`
RGB Decimal	204, 175, 243	`rgb(204,175,243)`
RGB Percent	80, 68.6, 95.3	`rgb(80%,68.6%,95.3%)`
CMYK	16, 28, 0, 5
HSL	265.6°, 73.9, 82	`hsl(265.6,73.9%,82%)`
HSV (or HSB)	265.6°, 28, 95.3
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	76.05, 23.412, -30.001
XYZ	56.407, 49.969, 91.462
xyY	0.285, 0.253, 49.969
CIE-LCH	76.05, 38.055, 307.967
CIE-LUV	76.05, 10.887, -51.465
Hunter-Lab	70.689, 18.731, -27.232
Binary	11001100, 10101111, 11110011

#ccaff3
```
#ccaff3 rgb(204,175,243)
```
#d6f3af
```
#d6f3af rgb(214,243,175)
```

Complementary Color

#afb4f3
```
#afb4f3 rgb(175,180,243)
```
#ccaff3
```
#ccaff3 rgb(204,175,243)
```
#eeaff3
```
#eeaff3 rgb(238,175,243)
```

Analogous Color

#b4f3af
```
#b4f3af rgb(180,243,175)
```
#ccaff3
```
#ccaff3 rgb(204,175,243)
```
#f3eeaf
```
#f3eeaf rgb(243,238,175)
```

Split Complementary Color

#aff3cc
```
#aff3cc rgb(175,243,204)
```
#ccaff3
```
#ccaff3 rgb(204,175,243)
```
#f3ccaf
```
#f3ccaf rgb(243,204,175)
```

Triadic Color

#afd6f3
```
#afd6f3 rgb(175,214,243)
```
#ccaff3
```
#ccaff3 rgb(204,175,243)
```
#f3ccaf
```
#f3ccaf rgb(243,204,175)
```
#d6f3af
```
#d6f3af rgb(214,243,175)
```

Tetradic Color

#a26ce9
```
#a26ce9 rgb(162,108,233)
```
#b083ec
```
#b083ec rgb(176,131,236)
```
#be99f0
```
#be99f0 rgb(190,153,240)
```
#ccaff3
```
#ccaff3 rgb(204,175,243)
```
#dac5f6
```
#dac5f6 rgb(218,197,246)
```
#e8dbfa
```
#e8dbfa rgb(232,219,250)
```
#f6f2fd
```
#f6f2fd rgb(246,242,253)
```

Monochromatic Color

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

#bbaff3
```
#bbaff3 rgb(187,175,243)
```
#c1aff3
```
#c1aff3 rgb(193,175,243)
```
#c6aff3
```
#c6aff3 rgb(198,175,243)
```
#ccaff3
```
#ccaff3 rgb(204,175,243)
```
#d2aff3
```
#d2aff3 rgb(210,175,243)
```
#d7aff3
```
#d7aff3 rgb(215,175,243)
```
#ddaff3
```
#ddaff3 rgb(221,175,243)
```

Similar Colors

Text with hexadecimal color #ccaff3

This text has a font color of #ccaff3.

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

#ccaff3 background color

This paragraph has a background color of #ccaff3.

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

#ccaff3 border color

This element has a border color of #ccaff3.

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

CSS codes

.text {color:#ccaff3;}

.background {background-color:#ccaff3;}

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

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

#030105
```
#030105 rgb(3,1,5)
```
#0b0316
```
#0b0316 rgb(11,3,22)
```
#140627
```
#140627 rgb(20,6,39)
```
#1d0838
```
#1d0838 rgb(29,8,56)
```
#260b4a
```
#260b4a rgb(38,11,74)
```
#2e0e5b
```
#2e0e5b rgb(46,14,91)
```
#37106c
```
#37106c rgb(55,16,108)
```
#40137d
```
#40137d rgb(64,19,125)
```
#49158e
```
#49158e rgb(73,21,142)
```
#51189f
```
#51189f rgb(81,24,159)
```
#5a1ab0
```
#5a1ab0 rgb(90,26,176)
```
#631dc1
```
#631dc1 rgb(99,29,193)
```
#6c1fd2
```
#6c1fd2 rgb(108,31,210)
```

Shade Color Variation

#7527df
```
#7527df rgb(117,39,223)
```
#8038e1
```
#8038e1 rgb(128,56,225)
```
#8b49e4
```
#8b49e4 rgb(139,73,228)
```
#965ae6
```
#965ae6 rgb(150,90,230)
```
#a16be9
```
#a16be9 rgb(161,107,233)
```
#ab7ceb
```
#ab7ceb rgb(171,124,235)
```
#b68dee
```
#b68dee rgb(182,141,238)
```
#c19ef0
```
#c19ef0 rgb(193,158,240)
```
#ccaff3
```
#ccaff3 rgb(204,175,243)
```
#d7c0f6
```
#d7c0f6 rgb(215,192,246)
```
#e2d1f8
```
#e2d1f8 rgb(226,209,248)
```
#ede2fb
```
#ede2fb rgb(237,226,251)
```
#f7f3fd
```
#f7f3fd rgb(247,243,253)
```

Tint Color Variation

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

#d1cfd3
```
#d1cfd3 rgb(209,207,211)
```
#d0cbd7
```
#d0cbd7 rgb(208,203,215)
```
#d0c8da
```
#d0c8da rgb(208,200,218)
```
#cfc4de
```
#cfc4de rgb(207,196,222)
```
#cfc1e1
```
#cfc1e1 rgb(207,193,225)
```
#cebde5
```
#cebde5 rgb(206,189,229)
```
#cebae8
```
#cebae8 rgb(206,186,232)
```
#cdb6ec
```
#cdb6ec rgb(205,182,236)
```
#cdb3ef
```
#cdb3ef rgb(205,179,239)
```
#ccaff3
```
#ccaff3 rgb(204,175,243)
```
#cbabf7
```
#cbabf7 rgb(203,171,247)
```
#cba8fa
```
#cba8fa rgb(203,168,250)
```
#caa4fe
```
#caa4fe rgb(202,164,254)
```

Tone Color Variation

Below, you can see how #ccaff3 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
#c2bcc9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acbcfa Protanopia 1% of men
#b4bbf0 Deuteranopia 1% of men
#c6bbc9 Tritanopia 0.001% of the population

Trichromacy

#b7b7f7 Protanomaly 1% of men, 0.01% of women
#bdb7f1 Deuteranomaly 6% of men, 0.4% of women
#c8b7d8 Tritanomaly 0.01% of the population