#ccbff4 Color Information
In a RGB color space, hex #ccbff4 is composed of 80% red, 74.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 16.4% cyan, 21.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 254.7 degrees, a saturation of 70.7% and a lightness of 85.3%. #ccbff4 color hex could be obtained by blending #ffffff with #997fe9. Closest websafe color is: #ccccff.
-
- R 80
- G 75
- B 96
-
- C 16
- M 22
- Y 0
- K 4
● #ccbff4 color description : Very soft blue.
#ccbff4 Color Conversion
The hexadecimal color #ccbff4 has RGB values of R:204, G:191, B:244 and CMYK values of C:0.16, M:0.22, Y:0, K:0.04. Its decimal value is 13418484.
Hex triplet | ccbff4 | #ccbff4 |
---|---|---|
RGB Decimal | 204, 191, 244 | rgb(204,191,244) |
RGB Percent | 80, 74.9, 95.7 | rgb(80%,74.9%,95.7%) |
CMYK | 16, 22, 0, 4 | |
HSL | 254.7°, 70.7, 85.3 | hsl(254.7,70.7%,85.3%) |
HSV (or HSB) | 254.7°, 21.7, 95.7 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 79.971, 14.912, -24.537 |
---|---|
XYZ | 59.859, 56.631, 93.36 |
xyY | 0.285, 0.27, 56.631 |
CIE-LCH | 79.971, 28.713, 301.289 |
CIE-LUV | 79.971, 3.606, -41.399 |
Hunter-Lab | 75.253, 10.291, -20.879 |
Binary | 11001100, 10111111, 11110100 |
Color Schemes with #ccbff4
Alternatives to #ccbff4
Below, you can see some colors close to #ccbff4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccbff4 Preview
This text has a font color of #ccbff4.
<span style="color:#ccbff4;">Text here</span>
This paragraph has a background color of #ccbff4.
<p style="background-color:#ccbff4;">Content here</p>
This element has a border color of #ccbff4.
<div style="border:1px solid #ccbff4;">Content here</div>
.text {color:#ccbff4;}
.background {background-color:#ccbff4;}
.border {border:1px solid #ccbff4;}
Shades and Tints of #ccbff4
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, #010103 is the darkest color, while #f4f1fd is the lightest one.
-
#010103
#010103
rgb(1,1,3)
-
#070314
#070314
rgb(7,3,20)
-
#0e0624
#0e0624
rgb(14,6,36)
-
#140935
#140935
rgb(20,9,53)
-
#1a0c46
#1a0c46
rgb(26,12,70)
-
#200f57
#200f57
rgb(32,15,87)
-
#271267
#271267
rgb(39,18,103)
-
#2d1578
#2d1578
rgb(45,21,120)
-
#331889
#331889
rgb(51,24,137)
-
#3a1a9a
#3a1a9a
rgb(58,26,154)
-
#401daa
#401daa
rgb(64,29,170)
-
#4620bb
#4620bb
rgb(70,32,187)
-
#4c23cc
#4c23cc
rgb(76,35,204)
-
#5428da
#5428da
rgb(84,40,218)
-
#6139dd
#6139dd
rgb(97,57,221)
-
#6f4ae0
#6f4ae0
rgb(111,74,224)
-
#7c5be3
#7c5be3
rgb(124,91,227)
-
#896be6
#896be6
rgb(137,107,230)
-
#977ce8
#977ce8
rgb(151,124,232)
-
#a48deb
#a48deb
rgb(164,141,235)
-
#b19eee
#b19eee
rgb(177,158,238)
-
#bfaef1
#bfaef1
rgb(191,174,241)
-
#ccbff4
#ccbff4
rgb(204,191,244)
-
#d9d0f7
#d9d0f7
rgb(217,208,247)
-
#e7e0fa
#e7e0fa
rgb(231,224,250)
-
#f4f1fd
#f4f1fd
rgb(244,241,253)
Tones of #ccbff4
A tone is produced by adding gray to any pure hue. In this case, #d9d9da is the less saturated color, while #c8b6fd is the most saturated one.
-
#d9d9da
#d9d9da
rgb(217,217,218)
-
#d8d6dd
#d8d6dd
rgb(216,214,221)
-
#d6d3e0
#d6d3e0
rgb(214,211,224)
-
#d5d0e3
#d5d0e3
rgb(213,208,227)
-
#d3cde6
#d3cde6
rgb(211,205,230)
-
#d2cbe8
#d2cbe8
rgb(210,203,232)
-
#d0c8eb
#d0c8eb
rgb(208,200,235)
-
#cfc5ee
#cfc5ee
rgb(207,197,238)
-
#cdc2f1
#cdc2f1
rgb(205,194,241)
-
#ccbff4
#ccbff4
rgb(204,191,244)
-
#cbbcf7
#cbbcf7
rgb(203,188,247)
-
#c9b9fa
#c9b9fa
rgb(201,185,250)
-
#c8b6fd
#c8b6fd
rgb(200,182,253)
Color Blindness Simulator
Below, you can see how #ccbff4 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.