#ccafff Color Information
In a RGB color space, hex #ccafff is composed of 80% red, 68.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 31.4% magenta, 0% yellow and 0% black. It has a hue angle of 261.8 degrees, a saturation of 100% and a lightness of 84.3%. #ccafff color hex could be obtained by blending #ffffff with #995fff. Closest websafe color is: #cc99ff.
-
- R 80
- G 69
- B 100
-
- C 20
- M 31
- Y 0
- K 0
● #ccafff color description : Pale violet.
#ccafff Color Conversion
The hexadecimal color #ccafff has RGB values of R:204, G:175, B:255 and CMYK values of C:0.2, M:0.31, Y:0, K:0. Its decimal value is 13414399.
Hex triplet | ccafff | #ccafff |
---|---|---|
RGB Decimal | 204, 175, 255 | rgb(204,175,255) |
RGB Percent | 80, 68.6, 100 | rgb(80%,68.6%,100%) |
CMYK | 20, 31, 0, 0 | |
HSL | 261.8°, 100, 84.3 | hsl(261.8,100%,84.3%) |
HSV (or HSB) | 261.8°, 31.4, 100 | |
Web Safe | cc99ff | #cc99ff |
CIE-LAB | 76.508, 26.037, -35.763 |
---|---|
XYZ | 58.279, 50.717, 101.321 |
xyY | 0.277, 0.241, 50.717 |
CIE-LCH | 76.508, 44.237, 306.057 |
CIE-LUV | 76.508, 9.689, -61.542 |
Hunter-Lab | 71.216, 21.445, -34.502 |
Binary | 11001100, 10101111, 11111111 |
Color Schemes with #ccafff
Alternatives to #ccafff
Below, you can see some colors close to #ccafff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccafff Preview
This text has a font color of #ccafff.
<span style="color:#ccafff;">Text here</span>
This paragraph has a background color of #ccafff.
<p style="background-color:#ccafff;">Content here</p>
This element has a border color of #ccafff.
<div style="border:1px solid #ccafff;">Content here</div>
.text {color:#ccafff;}
.background {background-color:#ccafff;}
.border {border:1px solid #ccafff;}
Shades and Tints of #ccafff
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, #070012 is the darkest color, while #fefdff is the lightest one.
-
#070012
#070012
rgb(7,0,18)
-
#0e0026
#0e0026
rgb(14,0,38)
-
#150039
#150039
rgb(21,0,57)
-
#1c004d
#1c004d
rgb(28,0,77)
-
#230061
#230061
rgb(35,0,97)
-
#2a0074
#2a0074
rgb(42,0,116)
-
#310088
#310088
rgb(49,0,136)
-
#38009b
#38009b
rgb(56,0,155)
-
#3f00af
#3f00af
rgb(63,0,175)
-
#4700c3
#4700c3
rgb(71,0,195)
-
#4e00d6
#4e00d6
rgb(78,0,214)
-
#5500ea
#5500ea
rgb(85,0,234)
-
#5c00fd
#5c00fd
rgb(92,0,253)
-
#6812ff
#6812ff
rgb(104,18,255)
-
#7426ff
#7426ff
rgb(116,38,255)
-
#8139ff
#8139ff
rgb(129,57,255)
-
#8d4dff
#8d4dff
rgb(141,77,255)
-
#9a61ff
#9a61ff
rgb(154,97,255)
-
#a674ff
#a674ff
rgb(166,116,255)
-
#b388ff
#b388ff
rgb(179,136,255)
-
#bf9bff
#bf9bff
rgb(191,155,255)
-
#ccafff
#ccafff
rgb(204,175,255)
-
#d9c3ff
#d9c3ff
rgb(217,195,255)
-
#e5d6ff
#e5d6ff
rgb(229,214,255)
-
#f2eaff
#f2eaff
rgb(242,234,255)
-
#fefdff
#fefdff
rgb(254,253,255)
Tones of #ccafff
A tone is produced by adding gray to any pure hue. In this case, #d6d4da is the less saturated color, while #ccafff is the most saturated one.
-
#d6d4da
#d6d4da
rgb(214,212,218)
-
#d5d1dd
#d5d1dd
rgb(213,209,221)
-
#d4cee0
#d4cee0
rgb(212,206,224)
-
#d4cbe3
#d4cbe3
rgb(212,203,227)
-
#d3c8e6
#d3c8e6
rgb(211,200,230)
-
#d2c5e9
#d2c5e9
rgb(210,197,233)
-
#d1c1ed
#d1c1ed
rgb(209,193,237)
-
#d0bef0
#d0bef0
rgb(208,190,240)
-
#cfbbf3
#cfbbf3
rgb(207,187,243)
-
#cfb8f6
#cfb8f6
rgb(207,184,246)
-
#ceb5f9
#ceb5f9
rgb(206,181,249)
-
#cdb2fc
#cdb2fc
rgb(205,178,252)
-
#ccafff
#ccafff
rgb(204,175,255)
Color Blindness Simulator
Below, you can see how #ccafff 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.