#b4ccf6 Color Information
In a RGB color space, hex #b4ccf6 is composed of 70.6% red, 80% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 17.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 218.2 degrees, a saturation of 78.6% and a lightness of 83.5%. #b4ccf6 color hex could be obtained by blending #ffffff with #6999ed. Closest websafe color is: #ccccff.
-
- R 71
- G 80
- B 96
-
- C 27
- M 17
- Y 0
- K 4
● #b4ccf6 color description : Very soft blue.
#b4ccf6 Color Conversion
The hexadecimal color #b4ccf6 has RGB values of R:180, G:204, B:246 and CMYK values of C:0.27, M:0.17, Y:0, K:0.04. Its decimal value is 11848950.
Hex triplet | b4ccf6 | #b4ccf6 |
---|---|---|
RGB Decimal | 180, 204, 246 | rgb(180,204,246) |
RGB Percent | 70.6, 80, 96.5 | rgb(70.6%,80%,96.5%) |
CMYK | 27, 17, 0, 4 | |
HSL | 218.2°, 78.6, 83.5 | hsl(218.2,78.6%,83.5%) |
HSV (or HSB) | 218.2°, 26.8, 96.5 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 81.588, 1.122, -23.303 |
---|---|
XYZ | 57.046, 59.542, 95.671 |
xyY | 0.269, 0.281, 59.542 |
CIE-LCH | 81.588, 23.33, 272.755 |
CIE-LUV | 81.588, -14.213, -37.33 |
Hunter-Lab | 77.163, -3.071, -19.496 |
Binary | 10110100, 11001100, 11110110 |
Color Schemes with #b4ccf6
Alternatives to #b4ccf6
Below, you can see some colors close to #b4ccf6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b4ccf6 Preview
This text has a font color of #b4ccf6.
<span style="color:#b4ccf6;">Text here</span>
This paragraph has a background color of #b4ccf6.
<p style="background-color:#b4ccf6;">Content here</p>
This element has a border color of #b4ccf6.
<div style="border:1px solid #b4ccf6;">Content here</div>
.text {color:#b4ccf6;}
.background {background-color:#b4ccf6;}
.border {border:1px solid #b4ccf6;}
Shades and Tints of #b4ccf6
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, #02060d is the darkest color, while #fafcfe is the lightest one.
-
#02060d
#02060d
rgb(2,6,13)
-
#040d1e
#040d1e
rgb(4,13,30)
-
#061530
#061530
rgb(6,21,48)
-
#081d41
#081d41
rgb(8,29,65)
-
#0a2453
#0a2453
rgb(10,36,83)
-
#0c2c64
#0c2c64
rgb(12,44,100)
-
#0e3476
#0e3476
rgb(14,52,118)
-
#103b87
#103b87
rgb(16,59,135)
-
#124399
#124399
rgb(18,67,153)
-
#144baa
#144baa
rgb(20,75,170)
-
#1753bc
#1753bc
rgb(23,83,188)
-
#195acd
#195acd
rgb(25,90,205)
-
#1b62df
#1b62df
rgb(27,98,223)
-
#286de5
#286de5
rgb(40,109,229)
-
#3979e7
#3979e7
rgb(57,121,231)
-
#4b85e9
#4b85e9
rgb(75,133,233)
-
#5c90eb
#5c90eb
rgb(92,144,235)
-
#6e9cee
#6e9cee
rgb(110,156,238)
-
#7fa8f0
#7fa8f0
rgb(127,168,240)
-
#91b4f2
#91b4f2
rgb(145,180,242)
-
#a2c0f4
#a2c0f4
rgb(162,192,244)
-
#b4ccf6
#b4ccf6
rgb(180,204,246)
-
#c6d8f8
#c6d8f8
rgb(198,216,248)
-
#d7e4fa
#d7e4fa
rgb(215,228,250)
-
#e9f0fc
#e9f0fc
rgb(233,240,252)
-
#fafcfe
#fafcfe
rgb(250,252,254)
Tones of #b4ccf6
A tone is produced by adding gray to any pure hue. In this case, #d4d5d6 is the less saturated color, while #aecafc is the most saturated one.
-
#d4d5d6
#d4d5d6
rgb(212,213,214)
-
#d1d4d9
#d1d4d9
rgb(209,212,217)
-
#ced3dc
#ced3dc
rgb(206,211,220)
-
#cbd2df
#cbd2df
rgb(203,210,223)
-
#c7d1e3
#c7d1e3
rgb(199,209,227)
-
#c4d0e6
#c4d0e6
rgb(196,208,230)
-
#c1d0e9
#c1d0e9
rgb(193,208,233)
-
#becfec
#becfec
rgb(190,207,236)
-
#bacef0
#bacef0
rgb(186,206,240)
-
#b7cdf3
#b7cdf3
rgb(183,205,243)
-
#b4ccf6
#b4ccf6
rgb(180,204,246)
-
#b1cbf9
#b1cbf9
rgb(177,203,249)
-
#aecafc
#aecafc
rgb(174,202,252)
Color Blindness Simulator
Below, you can see how #b4ccf6 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.