#b4ccf4 Color Information
In a RGB color space, hex #b4ccf4 is composed of 70.6% red, 80% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 16.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 217.5 degrees, a saturation of 74.4% and a lightness of 83.1%. #b4ccf4 color hex could be obtained by blending #ffffff with #6999e9. Closest websafe color is: #ccccff.
-
- R 71
- G 80
- B 96
-
- C 26
- M 16
- Y 0
- K 4
● #b4ccf4 color description : Very soft blue.
#b4ccf4 Color Conversion
The hexadecimal color #b4ccf4 has RGB values of R:180, G:204, B:244 and CMYK values of C:0.26, M:0.16, Y:0, K:0.04. Its decimal value is 11848948.
Hex triplet | b4ccf4 | #b4ccf4 |
---|---|---|
RGB Decimal | 180, 204, 244 | rgb(180,204,244) |
RGB Percent | 70.6, 80, 95.7 | rgb(70.6%,80%,95.7%) |
CMYK | 26, 16, 0, 4 | |
HSL | 217.5°, 74.4, 83.1 | hsl(217.5,74.4%,83.1%) |
HSV (or HSB) | 217.5°, 26.2, 95.7 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 81.522, 0.655, -22.339 |
---|---|
XYZ | 56.741, 59.419, 94.063 |
xyY | 0.27, 0.283, 59.419 |
CIE-LCH | 81.522, 22.349, 271.681 |
CIE-LUV | 81.522, -14.147, -35.649 |
Hunter-Lab | 77.084, -3.504, -18.39 |
Binary | 10110100, 11001100, 11110100 |
Color Schemes with #b4ccf4
Alternatives to #b4ccf4
Below, you can see some colors close to #b4ccf4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b4ccf4 Preview
This text has a font color of #b4ccf4.
<span style="color:#b4ccf4;">Text here</span>
This paragraph has a background color of #b4ccf4.
<p style="background-color:#b4ccf4;">Content here</p>
This element has a border color of #b4ccf4.
<div style="border:1px solid #b4ccf4;">Content here</div>
.text {color:#b4ccf4;}
.background {background-color:#b4ccf4;}
.border {border:1px solid #b4ccf4;}
Shades and Tints of #b4ccf4
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, #02050b is the darkest color, while #f8fbfe is the lightest one.
-
#02050b
#02050b
rgb(2,5,11)
-
#040d1c
#040d1c
rgb(4,13,28)
-
#07152d
#07152d
rgb(7,21,45)
-
#091d3e
#091d3e
rgb(9,29,62)
-
#0c254f
#0c254f
rgb(12,37,79)
-
#0e2d60
#0e2d60
rgb(14,45,96)
-
#113571
#113571
rgb(17,53,113)
-
#133d82
#133d82
rgb(19,61,130)
-
#164593
#164593
rgb(22,69,147)
-
#184da4
#184da4
rgb(24,77,164)
-
#1b55b6
#1b55b6
rgb(27,85,182)
-
#1d5dc7
#1d5dc7
rgb(29,93,199)
-
#2065d8
#2065d8
rgb(32,101,216)
-
#2b6fe0
#2b6fe0
rgb(43,111,224)
-
#3c7be2
#3c7be2
rgb(60,123,226)
-
#4d86e5
#4d86e5
rgb(77,134,229)
-
#5e92e7
#5e92e7
rgb(94,146,231)
-
#709dea
#709dea
rgb(112,157,234)
-
#81a9ec
#81a9ec
rgb(129,169,236)
-
#92b5ef
#92b5ef
rgb(146,181,239)
-
#a3c0f1
#a3c0f1
rgb(163,192,241)
-
#b4ccf4
#b4ccf4
rgb(180,204,244)
-
#c5d8f7
#c5d8f7
rgb(197,216,247)
-
#d6e3f9
#d6e3f9
rgb(214,227,249)
-
#e7effc
#e7effc
rgb(231,239,252)
-
#f8fbfe
#f8fbfe
rgb(248,251,254)
Tones of #b4ccf4
A tone is produced by adding gray to any pure hue. In this case, #d2d3d6 is the less saturated color, while #aacafe is the most saturated one.
-
#d2d3d6
#d2d3d6
rgb(210,211,214)
-
#ced3da
#ced3da
rgb(206,211,218)
-
#cbd2dd
#cbd2dd
rgb(203,210,221)
-
#c8d1e0
#c8d1e0
rgb(200,209,224)
-
#c5d0e3
#c5d0e3
rgb(197,208,227)
-
#c1cfe7
#c1cfe7
rgb(193,207,231)
-
#beceea
#beceea
rgb(190,206,234)
-
#bbceed
#bbceed
rgb(187,206,237)
-
#b7cdf1
#b7cdf1
rgb(183,205,241)
-
#b4ccf4
#b4ccf4
rgb(180,204,244)
-
#b1cbf7
#b1cbf7
rgb(177,203,247)
-
#adcafb
#adcafb
rgb(173,202,251)
-
#aacafe
#aacafe
rgb(170,202,254)
Color Blindness Simulator
Below, you can see how #b4ccf4 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.