#b4ccff Color Information
In a RGB color space, hex #b4ccff is composed of 70.6% red, 80% green and 100% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 20% magenta, 0% yellow and 0% black. It has a hue angle of 220.8 degrees, a saturation of 100% and a lightness of 85.3%. #b4ccff color hex could be obtained by blending #ffffff with #6999ff. Closest websafe color is: #ccccff.
-
- R 71
- G 80
- B 100
-
- C 29
- M 20
- Y 0
- K 0
● #b4ccff color description : Pale blue.
#b4ccff Color Conversion
The hexadecimal color #b4ccff has RGB values of R:180, G:204, B:255 and CMYK values of C:0.29, M:0.2, Y:0, K:0. Its decimal value is 11848959.
Hex triplet | b4ccff | #b4ccff |
---|---|---|
RGB Decimal | 180, 204, 255 | rgb(180,204,255) |
RGB Percent | 70.6, 80, 100 | rgb(70.6%,80%,100%) |
CMYK | 29, 20, 0, 0 | |
HSL | 220.8°, 100, 85.3 | hsl(220.8,100%,85.3%) |
HSV (or HSB) | 220.8°, 29.4, 100 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 81.897, 3.252, -27.622 |
---|---|
XYZ | 58.461, 60.108, 103.124 |
xyY | 0.264, 0.271, 60.108 |
CIE-LCH | 81.897, 27.813, 276.714 |
CIE-LUV | 81.897, -14.51, -44.919 |
Hunter-Lab | 77.529, -1.076, -24.593 |
Binary | 10110100, 11001100, 11111111 |
Color Schemes with #b4ccff
Alternatives to #b4ccff
Below, you can see some colors close to #b4ccff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b4ccff Preview
This text has a font color of #b4ccff.
<span style="color:#b4ccff;">Text here</span>
This paragraph has a background color of #b4ccff.
<p style="background-color:#b4ccff;">Content here</p>
This element has a border color of #b4ccff.
<div style="border:1px solid #b4ccff;">Content here</div>
.text {color:#b4ccff;}
.background {background-color:#b4ccff;}
.border {border:1px solid #b4ccff;}
Shades and Tints of #b4ccff
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, #000103 is the darkest color, while #eff4ff is the lightest one.
-
#000103
#000103
rgb(0,1,3)
-
#000717
#000717
rgb(0,7,23)
-
#000e2b
#000e2b
rgb(0,14,43)
-
#00143e
#00143e
rgb(0,20,62)
-
#001a52
#001a52
rgb(0,26,82)
-
#002066
#002066
rgb(0,32,102)
-
#002779
#002779
rgb(0,39,121)
-
#002d8d
#002d8d
rgb(0,45,141)
-
#0033a0
#0033a0
rgb(0,51,160)
-
#003ab4
#003ab4
rgb(0,58,180)
-
#0040c8
#0040c8
rgb(0,64,200)
-
#0046db
#0046db
rgb(0,70,219)
-
#004cef
#004cef
rgb(0,76,239)
-
#0354ff
#0354ff
rgb(3,84,255)
-
#1761ff
#1761ff
rgb(23,97,255)
-
#2b6fff
#2b6fff
rgb(43,111,255)
-
#3e7cff
#3e7cff
rgb(62,124,255)
-
#5289ff
#5289ff
rgb(82,137,255)
-
#6697ff
#6697ff
rgb(102,151,255)
-
#79a4ff
#79a4ff
rgb(121,164,255)
-
#8db1ff
#8db1ff
rgb(141,177,255)
-
#a0bfff
#a0bfff
rgb(160,191,255)
-
#b4ccff
#b4ccff
rgb(180,204,255)
-
#c8d9ff
#c8d9ff
rgb(200,217,255)
-
#dbe7ff
#dbe7ff
rgb(219,231,255)
-
#eff4ff
#eff4ff
rgb(239,244,255)
Tones of #b4ccff
A tone is produced by adding gray to any pure hue. In this case, #d7d8dc is the less saturated color, while #b4ccff is the most saturated one.
-
#d7d8dc
#d7d8dc
rgb(215,216,220)
-
#d4d7df
#d4d7df
rgb(212,215,223)
-
#d1d6e2
#d1d6e2
rgb(209,214,226)
-
#ced5e5
#ced5e5
rgb(206,213,229)
-
#cbd4e8
#cbd4e8
rgb(203,212,232)
-
#c8d3eb
#c8d3eb
rgb(200,211,235)
-
#c5d2ee
#c5d2ee
rgb(197,210,238)
-
#c2d1f1
#c2d1f1
rgb(194,209,241)
-
#c0d0f3
#c0d0f3
rgb(192,208,243)
-
#bdcff6
#bdcff6
rgb(189,207,246)
-
#bacef9
#bacef9
rgb(186,206,249)
-
#b7cdfc
#b7cdfc
rgb(183,205,252)
-
#b4ccff
#b4ccff
rgb(180,204,255)
Color Blindness Simulator
Below, you can see how #b4ccff 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.