#bbccff Color Information
In a RGB color space, hex #bbccff is composed of 73.3% red, 80% green and 100% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 20% magenta, 0% yellow and 0% black. It has a hue angle of 225 degrees, a saturation of 100% and a lightness of 86.7%. #bbccff color hex could be obtained by blending #ffffff with #7799ff. Closest websafe color is: #ccccff.
-
- R 73
- G 80
- B 100
-
- C 27
- M 20
- Y 0
- K 0
● #bbccff color description : Pale blue.
#bbccff Color Conversion
The hexadecimal color #bbccff has RGB values of R:187, G:204, B:255 and CMYK values of C:0.27, M:0.2, Y:0, K:0. Its decimal value is 12307711.
Hex triplet | bbccff | #bbccff |
---|---|---|
RGB Decimal | 187, 204, 255 | rgb(187,204,255) |
RGB Percent | 73.3, 80, 100 | rgb(73.3%,80%,100%) |
CMYK | 27, 20, 0, 0 | |
HSL | 225°, 100, 86.7 | hsl(225,100%,86.7%) |
HSV (or HSB) | 225°, 26.7, 100 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 82.362, 5.259, -26.869 |
---|---|
XYZ | 60.133, 60.969, 103.202 |
xyY | 0.268, 0.272, 60.969 |
CIE-LCH | 82.362, 27.379, 281.074 |
CIE-LUV | 82.362, -11.297, -43.979 |
Hunter-Lab | 78.083, 0.82, -23.706 |
Binary | 10111011, 11001100, 11111111 |
Color Schemes with #bbccff
Alternatives to #bbccff
Below, you can see some colors close to #bbccff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bbccff Preview
This text has a font color of #bbccff.
<span style="color:#bbccff;">Text here</span>
This paragraph has a background color of #bbccff.
<p style="background-color:#bbccff;">Content here</p>
This element has a border color of #bbccff.
<div style="border:1px solid #bbccff;">Content here</div>
.text {color:#bbccff;}
.background {background-color:#bbccff;}
.border {border:1px solid #bbccff;}
Shades and Tints of #bbccff
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, #00030a is the darkest color, while #f6f8ff is the lightest one.
-
#00030a
#00030a
rgb(0,3,10)
-
#00081e
#00081e
rgb(0,8,30)
-
#000c32
#000c32
rgb(0,12,50)
-
#001145
#001145
rgb(0,17,69)
-
#001659
#001659
rgb(0,22,89)
-
#001b6d
#001b6d
rgb(0,27,109)
-
#002080
#002080
rgb(0,32,128)
-
#002594
#002594
rgb(0,37,148)
-
#002aa7
#002aa7
rgb(0,42,167)
-
#002fbb
#002fbb
rgb(0,47,187)
-
#0034cf
#0034cf
rgb(0,52,207)
-
#0039e2
#0039e2
rgb(0,57,226)
-
#003df6
#003df6
rgb(0,61,246)
-
#0a48ff
#0a48ff
rgb(10,72,255)
-
#1e56ff
#1e56ff
rgb(30,86,255)
-
#3265ff
#3265ff
rgb(50,101,255)
-
#4574ff
#4574ff
rgb(69,116,255)
-
#5982ff
#5982ff
rgb(89,130,255)
-
#6d91ff
#6d91ff
rgb(109,145,255)
-
#80a0ff
#80a0ff
rgb(128,160,255)
-
#94afff
#94afff
rgb(148,175,255)
-
#a7bdff
#a7bdff
rgb(167,189,255)
-
#bbccff
#bbccff
rgb(187,204,255)
-
#cfdbff
#cfdbff
rgb(207,219,255)
-
#e2e9ff
#e2e9ff
rgb(226,233,255)
-
#f6f8ff
#f6f8ff
rgb(246,248,255)
Tones of #bbccff
A tone is produced by adding gray to any pure hue. In this case, #dadce0 is the less saturated color, while #bbccff is the most saturated one.
-
#dadce0
#dadce0
rgb(218,220,224)
-
#d8dae2
#d8dae2
rgb(216,218,226)
-
#d5d9e5
#d5d9e5
rgb(213,217,229)
-
#d3d8e7
#d3d8e7
rgb(211,216,231)
-
#d0d6ea
#d0d6ea
rgb(208,214,234)
-
#cdd5ed
#cdd5ed
rgb(205,213,237)
-
#cbd4ef
#cbd4ef
rgb(203,212,239)
-
#c8d3f2
#c8d3f2
rgb(200,211,242)
-
#c5d1f5
#c5d1f5
rgb(197,209,245)
-
#c3d0f7
#c3d0f7
rgb(195,208,247)
-
#c0cffa
#c0cffa
rgb(192,207,250)
-
#becdfc
#becdfc
rgb(190,205,252)
-
#bbccff
#bbccff
rgb(187,204,255)
Color Blindness Simulator
Below, you can see how #bbccff 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.