#caccff Color Information
In a RGB color space, hex #caccff is composed of 79.2% red, 80% green and 100% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 20% magenta, 0% yellow and 0% black. It has a hue angle of 237.7 degrees, a saturation of 100% and a lightness of 89.6%. #caccff color hex could be obtained by blending #ffffff with #9599ff. Closest websafe color is: #ccccff.
-
- R 79
- G 80
- B 100
-
- C 21
- M 20
- Y 0
- K 0
● #caccff color description : Very pale blue.
#caccff Color Conversion
The hexadecimal color #caccff has RGB values of R:202, G:204, B:255 and CMYK values of C:0.21, M:0.2, Y:0, K:0. Its decimal value is 13290751.
Hex triplet | caccff | #caccff |
---|---|---|
RGB Decimal | 202, 204, 255 | rgb(202,204,255) |
RGB Percent | 79.2, 80, 100 | rgb(79.2%,80%,100%) |
CMYK | 21, 20, 0, 0 | |
HSL | 237.7°, 100, 89.6 | hsl(237.7,100%,89.6%) |
HSV (or HSB) | 237.7°, 20.8, 100 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 83.422, 9.693, -25.157 |
---|---|
XYZ | 63.997, 62.962, 103.383 |
xyY | 0.278, 0.273, 62.962 |
CIE-LCH | 83.422, 26.96, 291.073 |
CIE-LUV | 83.422, -4.013, -41.847 |
Hunter-Lab | 79.348, 5.105, -21.705 |
Binary | 11001010, 11001100, 11111111 |
Color Schemes with #caccff
Alternatives to #caccff
Below, you can see some colors close to #caccff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#caccff Preview
This text has a font color of #caccff.
<span style="color:#caccff;">Text here</span>
This paragraph has a background color of #caccff.
<p style="background-color:#caccff;">Content here</p>
This element has a border color of #caccff.
<div style="border:1px solid #caccff;">Content here</div>
.text {color:#caccff;}
.background {background-color:#caccff;}
.border {border:1px solid #caccff;}
Shades and Tints of #caccff
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, #000006 is the darkest color, while #f1f2ff is the lightest one.
-
#000006
#000006
rgb(0,0,6)
-
#000119
#000119
rgb(0,1,25)
-
#00022d
#00022d
rgb(0,2,45)
-
#000241
#000241
rgb(0,2,65)
-
#000354
#000354
rgb(0,3,84)
-
#000468
#000468
rgb(0,4,104)
-
#00057c
#00057c
rgb(0,5,124)
-
#00058f
#00058f
rgb(0,5,143)
-
#0006a3
#0006a3
rgb(0,6,163)
-
#0007b6
#0007b6
rgb(0,7,182)
-
#0008ca
#0008ca
rgb(0,8,202)
-
#0008de
#0008de
rgb(0,8,222)
-
#0009f1
#0009f1
rgb(0,9,241)
-
#060fff
#060fff
rgb(6,15,255)
-
#1922ff
#1922ff
rgb(25,34,255)
-
#2d35ff
#2d35ff
rgb(45,53,255)
-
#4148ff
#4148ff
rgb(65,72,255)
-
#545bff
#545bff
rgb(84,91,255)
-
#686eff
#686eff
rgb(104,110,255)
-
#7c80ff
#7c80ff
rgb(124,128,255)
-
#8f93ff
#8f93ff
rgb(143,147,255)
-
#a3a6ff
#a3a6ff
rgb(163,166,255)
-
#b6b9ff
#b6b9ff
rgb(182,185,255)
-
#caccff
#caccff
rgb(202,204,255)
-
#dedfff
#dedfff
rgb(222,223,255)
-
#f1f2ff
#f1f2ff
rgb(241,242,255)
Tones of #caccff
A tone is produced by adding gray to any pure hue. In this case, #e2e3e7 is the less saturated color, while #caccff is the most saturated one.
-
#e2e3e7
#e2e3e7
rgb(226,227,231)
-
#e0e1e9
#e0e1e9
rgb(224,225,233)
-
#dedfeb
#dedfeb
rgb(222,223,235)
-
#dcdded
#dcdded
rgb(220,221,237)
-
#dadbef
#dadbef
rgb(218,219,239)
-
#d8d9f1
#d8d9f1
rgb(216,217,241)
-
#d6d7f3
#d6d7f3
rgb(214,215,243)
-
#d4d5f5
#d4d5f5
rgb(212,213,245)
-
#d2d4f7
#d2d4f7
rgb(210,212,247)
-
#d0d2f9
#d0d2f9
rgb(208,210,249)
-
#ced0fb
#ced0fb
rgb(206,208,251)
-
#cccefd
#cccefd
rgb(204,206,253)
-
#caccff
#caccff
rgb(202,204,255)
Color Blindness Simulator
Below, you can see how #caccff 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.