#ccaffe hex color

In a RGB color space, hex #ccaffe is composed of 80% red, 68.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 19.7% cyan, 31.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 262 degrees, a saturation of 97.5% and a lightness of 84.1%. #ccaffe color hex could be obtained by blending #ffffff with #995ffd. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 80
- G 69
- B 100
RGB color chart
- C 20
- M 31
- Y 0
- K 0
CMYK color chart

● #ccaffe color description : Very soft violet.

The hexadecimal color #ccaffe has RGB values of R:204, G:175, B:254 and CMYK values of C:0.2, M:0.31, Y:0, K:0. Its decimal value is 13414398.

Hex triplet	ccaffe	`#ccaffe`
RGB Decimal	204, 175, 254	`rgb(204,175,254)`
RGB Percent	80, 68.6, 99.6	`rgb(80%,68.6%,99.6%)`
CMYK	20, 31, 0, 0
HSL	262°, 97.5, 84.1	`hsl(262,97.5%,84.1%)`
HSV (or HSB)	262°, 31.1, 99.6
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	76.468, 25.815, -35.286
XYZ	58.118, 50.653, 100.476
xyY	0.278, 0.242, 50.653
CIE-LCH	76.468, 43.721, 306.189
CIE-LUV	76.468, 9.789, -60.702
Hunter-Lab	71.171, 21.213, -33.883
Binary	11001100, 10101111, 11111110

#ccaffe
```
#ccaffe rgb(204,175,254)
```
#e1feaf
```
#e1feaf rgb(225,254,175)
```

Complementary Color

#afbafe
```
#afbafe rgb(175,186,254)
```
#ccaffe
```
#ccaffe rgb(204,175,254)
```
#f4affe
```
#f4affe rgb(244,175,254)
```

Analogous Color

#bafeaf
```
#bafeaf rgb(186,254,175)
```
#ccaffe
```
#ccaffe rgb(204,175,254)
```
#fef4af
```
#fef4af rgb(254,244,175)
```

Split Complementary Color

#affecc
```
#affecc rgb(175,254,204)
```
#ccaffe
```
#ccaffe rgb(204,175,254)
```
#feccaf
```
#feccaf rgb(254,204,175)
```

Triadic Color

#afe1fe
```
#afe1fe rgb(175,225,254)
```
#ccaffe
```
#ccaffe rgb(204,175,254)
```
#feccaf
```
#feccaf rgb(254,204,175)
```
#e1feaf
```
#e1feaf rgb(225,254,175)
```

Tetradic Color

#9c63fd
```
#9c63fd rgb(156,99,253)
```
#ac7dfd
```
#ac7dfd rgb(172,125,253)
```
#bc96fe
```
#bc96fe rgb(188,150,254)
```
#ccaffe
```
#ccaffe rgb(204,175,254)
```
#dcc8fe
```
#dcc8fe rgb(220,200,254)
```
#ece1ff
```
#ece1ff rgb(236,225,255)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Monochromatic Color

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

#b8affe
```
#b8affe rgb(184,175,254)
```
#bfaffe
```
#bfaffe rgb(191,175,254)
```
#c5affe
```
#c5affe rgb(197,175,254)
```
#ccaffe
```
#ccaffe rgb(204,175,254)
```
#d3affe
```
#d3affe rgb(211,175,254)
```
#d9affe
```
#d9affe rgb(217,175,254)
```
#e0affe
```
#e0affe rgb(224,175,254)
```

Similar Colors

Text with hexadecimal color #ccaffe

This text has a font color of #ccaffe.

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

#ccaffe background color

This paragraph has a background color of #ccaffe.

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

#ccaffe border color

This element has a border color of #ccaffe.

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

CSS codes

.text {color:#ccaffe;}

.background {background-color:#ccaffe;}

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

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

#060011
```
#060011 rgb(6,0,17)
```
#0e0024
```
#0e0024 rgb(14,0,36)
```
#150138
```
#150138 rgb(21,1,56)
```
#1c014b
```
#1c014b rgb(28,1,75)
```
#23015e
```
#23015e rgb(35,1,94)
```
#2b0172
```
#2b0172 rgb(43,1,114)
```
#320285
```
#320285 rgb(50,2,133)
```
#390298
```
#390298 rgb(57,2,152)
```
#4002ac
```
#4002ac rgb(64,2,172)
```
#4802bf
```
#4802bf rgb(72,2,191)
```
#4f03d3
```
#4f03d3 rgb(79,3,211)
```
#5603e6
```
#5603e6 rgb(86,3,230)
```
#5e03f9
```
#5e03f9 rgb(94,3,249)
```

Shade Color Variation

#6914fc
```
#6914fc rgb(105,20,252)
```
#7627fc
```
#7627fc rgb(118,39,252)
```
#823bfd
```
#823bfd rgb(130,59,253)
```
#8e4efd
```
#8e4efd rgb(142,78,253)
```
#9b62fd
```
#9b62fd rgb(155,98,253)
```
#a775fd
```
#a775fd rgb(167,117,253)
```
#b388fe
```
#b388fe rgb(179,136,254)
```
#c09cfe
```
#c09cfe rgb(192,156,254)
```
#ccaffe
```
#ccaffe rgb(204,175,254)
```
#d8c2fe
```
#d8c2fe rgb(216,194,254)
```
#e5d6fe
```
#e5d6fe rgb(229,214,254)
```
#f1e9ff
```
#f1e9ff rgb(241,233,255)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#d6d4d9
```
#d6d4d9 rgb(214,212,217)
```
#d5d1dc
```
#d5d1dc rgb(213,209,220)
```
#d4cedf
```
#d4cedf rgb(212,206,223)
```
#d3cbe2
```
#d3cbe2 rgb(211,203,226)
```
#d3c8e5
```
#d3c8e5 rgb(211,200,229)
```
#d2c5e8
```
#d2c5e8 rgb(210,197,232)
```
#d1c2eb
```
#d1c2eb rgb(209,194,235)
```
#d0bfee
```
#d0bfee rgb(208,191,238)
```
#cfbbf2
```
#cfbbf2 rgb(207,187,242)
```
#ceb8f5
```
#ceb8f5 rgb(206,184,245)
```
#ceb5f8
```
#ceb5f8 rgb(206,181,248)
```
#cdb2fb
```
#cdb2fb rgb(205,178,251)
```
#ccaffe
```
#ccaffe rgb(204,175,254)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c3bdcd Atypical Achromatopsia 0.001% of the population

Dichromacy

#abbdff Protanopia 1% of men
#afbdfa Deuteranopia 1% of men
#c3bdcb Tritanopia 0.001% of the population

Trichromacy

#b7b8fe Protanomaly 1% of men, 0.01% of women
#b9b8fb Deuteranomaly 6% of men, 0.4% of women
#c6b8dd Tritanomaly 0.01% of the population

#ccaffe hex color

#ccaffe Color Information

#ccaffe Color Conversion

Color Schemes with #ccaffe

Alternatives to #ccaffe

#ccaffe Preview

Shades and Tints of #ccaffe

Tones of #ccaffe

Color Blindness Simulator