#ccc6ff Color Information
In a RGB color space, hex #ccc6ff is composed of 80% red, 77.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 22.4% magenta, 0% yellow and 0% black. It has a hue angle of 246.3 degrees, a saturation of 100% and a lightness of 88.8%. #ccc6ff color hex could be obtained by blending #ffffff with #998dff. Closest websafe color is: #ccccff.
-
- R 80
- G 78
- B 100
-
- C 20
- M 22
- Y 0
- K 0
● #ccc6ff color description : Very pale blue.
#ccc6ff Color Conversion
The hexadecimal color #ccc6ff has RGB values of R:204, G:198, B:255 and CMYK values of C:0.2, M:0.22, Y:0, K:0. Its decimal value is 13420287.
Hex triplet | ccc6ff | #ccc6ff |
---|---|---|
RGB Decimal | 204, 198, 255 | rgb(204,198,255) |
RGB Percent | 80, 77.6, 100 | rgb(80%,77.6%,100%) |
CMYK | 20, 22, 0, 0 | |
HSL | 246.3°, 100, 88.8 | hsl(246.3,100%,88.8%) |
HSV (or HSB) | 246.3°, 22.4, 100 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 82.08, 13.523, -27.192 |
---|---|
XYZ | 63.143, 60.445, 102.943 |
xyY | 0.279, 0.267, 60.445 |
CIE-LCH | 82.08, 30.369, 296.441 |
CIE-LUV | 82.08, -0.331, -45.757 |
Hunter-Lab | 77.746, 8.914, -24.082 |
Binary | 11001100, 11000110, 11111111 |
Color Schemes with #ccc6ff
Alternatives to #ccc6ff
Below, you can see some colors close to #ccc6ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccc6ff Preview
This text has a font color of #ccc6ff.
<span style="color:#ccc6ff;">Text here</span>
This paragraph has a background color of #ccc6ff.
<p style="background-color:#ccc6ff;">Content here</p>
This element has a border color of #ccc6ff.
<div style="border:1px solid #ccc6ff;">Content here</div>
.text {color:#ccc6ff;}
.background {background-color:#ccc6ff;}
.border {border:1px solid #ccc6ff;}
Shades and Tints of #ccc6ff
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, #000002 is the darkest color, while #efedff is the lightest one.
-
#000002
#000002
rgb(0,0,2)
-
#020015
#020015
rgb(2,0,21)
-
#040029
#040029
rgb(4,0,41)
-
#06003d
#06003d
rgb(6,0,61)
-
#080050
#080050
rgb(8,0,80)
-
#0b0064
#0b0064
rgb(11,0,100)
-
#0d0078
#0d0078
rgb(13,0,120)
-
#0f008b
#0f008b
rgb(15,0,139)
-
#11009f
#11009f
rgb(17,0,159)
-
#1300b2
#1300b2
rgb(19,0,178)
-
#1500c6
#1500c6
rgb(21,0,198)
-
#1700da
#1700da
rgb(23,0,218)
-
#1900ed
#1900ed
rgb(25,0,237)
-
#1c02ff
#1c02ff
rgb(28,2,255)
-
#2e15ff
#2e15ff
rgb(46,21,255)
-
#4029ff
#4029ff
rgb(64,41,255)
-
#513dff
#513dff
rgb(81,61,255)
-
#6350ff
#6350ff
rgb(99,80,255)
-
#7464ff
#7464ff
rgb(116,100,255)
-
#8678ff
#8678ff
rgb(134,120,255)
-
#978bff
#978bff
rgb(151,139,255)
-
#a99fff
#a99fff
rgb(169,159,255)
-
#bab2ff
#bab2ff
rgb(186,178,255)
-
#ccc6ff
#ccc6ff
rgb(204,198,255)
-
#dedaff
#dedaff
rgb(222,218,255)
-
#efedff
#efedff
rgb(239,237,255)
Tones of #ccc6ff
A tone is produced by adding gray to any pure hue. In this case, #e1e0e5 is the less saturated color, while #ccc6ff is the most saturated one.
-
#e1e0e5
#e1e0e5
rgb(225,224,229)
-
#dfdee7
#dfdee7
rgb(223,222,231)
-
#dddce9
#dddce9
rgb(221,220,233)
-
#dcdaeb
#dcdaeb
rgb(220,218,235)
-
#dad8ed
#dad8ed
rgb(218,216,237)
-
#d8d5f0
#d8d5f0
rgb(216,213,240)
-
#d6d3f2
#d6d3f2
rgb(214,211,242)
-
#d5d1f4
#d5d1f4
rgb(213,209,244)
-
#d3cff6
#d3cff6
rgb(211,207,246)
-
#d1cdf8
#d1cdf8
rgb(209,205,248)
-
#cfcafb
#cfcafb
rgb(207,202,251)
-
#cec8fd
#cec8fd
rgb(206,200,253)
-
#ccc6ff
#ccc6ff
rgb(204,198,255)
Color Blindness Simulator
Below, you can see how #ccc6ff 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.