#ccbfff Color Information
In a RGB color space, hex #ccbfff is composed of 80% red, 74.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 25.1% magenta, 0% yellow and 0% black. It has a hue angle of 252.2 degrees, a saturation of 100% and a lightness of 87.5%. #ccbfff color hex could be obtained by blending #ffffff with #997fff. Closest websafe color is: #ccccff.
-
- R 80
- G 75
- B 100
-
- C 20
- M 25
- Y 0
- K 0
● #ccbfff color description : Pale blue.
#ccbfff Color Conversion
The hexadecimal color #ccbfff has RGB values of R:204, G:191, B:255 and CMYK values of C:0.2, M:0.25, Y:0, K:0. Its decimal value is 13418495.
Hex triplet | ccbfff | #ccbfff |
---|---|---|
RGB Decimal | 204, 191, 255 | rgb(204,191,255) |
RGB Percent | 80, 74.9, 100 | rgb(80%,74.9%,100%) |
CMYK | 20, 25, 0, 0 | |
HSL | 252.2°, 100, 87.5 | hsl(252.2,100%,87.5%) |
HSV (or HSB) | 252.2°, 25.1, 100 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 80.359, 17.31, -29.828 |
---|---|
XYZ | 61.579, 57.319, 102.422 |
xyY | 0.278, 0.259, 57.319 |
CIE-LCH | 80.359, 34.487, 300.129 |
CIE-LUV | 80.359, 2.76, -50.626 |
Hunter-Lab | 75.709, 12.695, -27.213 |
Binary | 11001100, 10111111, 11111111 |
Color Schemes with #ccbfff
Alternatives to #ccbfff
Below, you can see some colors close to #ccbfff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccbfff Preview
This text has a font color of #ccbfff.
<span style="color:#ccbfff;">Text here</span>
This paragraph has a background color of #ccbfff.
<p style="background-color:#ccbfff;">Content here</p>
This element has a border color of #ccbfff.
<div style="border:1px solid #ccbfff;">Content here</div>
.text {color:#ccbfff;}
.background {background-color:#ccbfff;}
.border {border:1px solid #ccbfff;}
Shades and Tints of #ccbfff
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, #03000e is the darkest color, while #fbfaff is the lightest one.
-
#03000e
#03000e
rgb(3,0,14)
-
#070022
#070022
rgb(7,0,34)
-
#0b0036
#0b0036
rgb(11,0,54)
-
#0f0049
#0f0049
rgb(15,0,73)
-
#13005d
#13005d
rgb(19,0,93)
-
#170071
#170071
rgb(23,0,113)
-
#1b0084
#1b0084
rgb(27,0,132)
-
#1f0098
#1f0098
rgb(31,0,152)
-
#2300ab
#2300ab
rgb(35,0,171)
-
#2700bf
#2700bf
rgb(39,0,191)
-
#2b00d3
#2b00d3
rgb(43,0,211)
-
#2f00e6
#2f00e6
rgb(47,0,230)
-
#3300fa
#3300fa
rgb(51,0,250)
-
#3f0eff
#3f0eff
rgb(63,14,255)
-
#4f22ff
#4f22ff
rgb(79,34,255)
-
#5f36ff
#5f36ff
rgb(95,54,255)
-
#6e49ff
#6e49ff
rgb(110,73,255)
-
#7e5dff
#7e5dff
rgb(126,93,255)
-
#8d71ff
#8d71ff
rgb(141,113,255)
-
#9d84ff
#9d84ff
rgb(157,132,255)
-
#ad98ff
#ad98ff
rgb(173,152,255)
-
#bcabff
#bcabff
rgb(188,171,255)
-
#ccbfff
#ccbfff
rgb(204,191,255)
-
#dcd3ff
#dcd3ff
rgb(220,211,255)
-
#ebe6ff
#ebe6ff
rgb(235,230,255)
-
#fbfaff
#fbfaff
rgb(251,250,255)
Tones of #ccbfff
A tone is produced by adding gray to any pure hue. In this case, #dedde1 is the less saturated color, while #ccbfff is the most saturated one.
-
#dedde1
#dedde1
rgb(222,221,225)
-
#dcdae4
#dcdae4
rgb(220,218,228)
-
#dbd8e6
#dbd8e6
rgb(219,216,230)
-
#d9d5e9
#d9d5e9
rgb(217,213,233)
-
#d8d3eb
#d8d3eb
rgb(216,211,235)
-
#d6d0ee
#d6d0ee
rgb(214,208,238)
-
#d5cef0
#d5cef0
rgb(213,206,240)
-
#d3cbf3
#d3cbf3
rgb(211,203,243)
-
#d2c9f5
#d2c9f5
rgb(210,201,245)
-
#d0c6f8
#d0c6f8
rgb(208,198,248)
-
#cfc4fa
#cfc4fa
rgb(207,196,250)
-
#cdc1fd
#cdc1fd
rgb(205,193,253)
-
#ccbfff
#ccbfff
rgb(204,191,255)
Color Blindness Simulator
Below, you can see how #ccbfff 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.