#b4e4f6 Color Information
In a RGB color space, hex #b4e4f6 is composed of 70.6% red, 89.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 7.3% magenta, 0% yellow and 3.5% black. It has a hue angle of 196.4 degrees, a saturation of 78.6% and a lightness of 83.5%. #b4e4f6 color hex could be obtained by blending #ffffff with #69c9ed. Closest websafe color is: #ccccff.
-
- R 71
- G 89
- B 96
-
- C 27
- M 7
- Y 0
- K 4
● #b4e4f6 color description : Very soft blue.
#b4e4f6 Color Conversion
The hexadecimal color #b4e4f6 has RGB values of R:180, G:228, B:246 and CMYK values of C:0.27, M:0.07, Y:0, K:0.04. Its decimal value is 11855094.
Hex triplet | b4e4f6 | #b4e4f6 |
---|---|---|
RGB Decimal | 180, 228, 246 | rgb(180,228,246) |
RGB Percent | 70.6, 89.4, 96.5 | rgb(70.6%,89.4%,96.5%) |
CMYK | 27, 7, 0, 4 | |
HSL | 196.4°, 78.6, 83.5 | hsl(196.4,78.6%,83.5%) |
HSV (or HSB) | 196.4°, 26.8, 96.5 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 87.892, -11.409, -13.793 |
---|---|
XYZ | 63.196, 71.842, 97.721 |
xyY | 0.272, 0.309, 71.842 |
CIE-LCH | 87.892, 17.9, 230.404 |
CIE-LUV | 87.892, -24.632, -19.929 |
Hunter-Lab | 84.76, -15.24, -9.025 |
Binary | 10110100, 11100100, 11110110 |
Color Schemes with #b4e4f6
Alternatives to #b4e4f6
Below, you can see some colors close to #b4e4f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b4e4f6 Preview
This text has a font color of #b4e4f6.
<span style="color:#b4e4f6;">Text here</span>
This paragraph has a background color of #b4e4f6.
<p style="background-color:#b4e4f6;">Content here</p>
This element has a border color of #b4e4f6.
<div style="border:1px solid #b4e4f6;">Content here</div>
.text {color:#b4e4f6;}
.background {background-color:#b4e4f6;}
.border {border:1px solid #b4e4f6;}
Shades and Tints of #b4e4f6
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, #020a0d is the darkest color, while #fafdfe is the lightest one.
-
#020a0d
#020a0d
rgb(2,10,13)
-
#04171e
#04171e
rgb(4,23,30)
-
#062430
#062430
rgb(6,36,48)
-
#083141
#083141
rgb(8,49,65)
-
#0a3f53
#0a3f53
rgb(10,63,83)
-
#0c4c64
#0c4c64
rgb(12,76,100)
-
#0e5976
#0e5976
rgb(14,89,118)
-
#106787
#106787
rgb(16,103,135)
-
#127499
#127499
rgb(18,116,153)
-
#1481aa
#1481aa
rgb(20,129,170)
-
#178fbc
#178fbc
rgb(23,143,188)
-
#199ccd
#199ccd
rgb(25,156,205)
-
#1ba9df
#1ba9df
rgb(27,169,223)
-
#28b2e5
#28b2e5
rgb(40,178,229)
-
#39b8e7
#39b8e7
rgb(57,184,231)
-
#4bbee9
#4bbee9
rgb(75,190,233)
-
#5cc4eb
#5cc4eb
rgb(92,196,235)
-
#6ecbee
#6ecbee
rgb(110,203,238)
-
#7fd1f0
#7fd1f0
rgb(127,209,240)
-
#91d7f2
#91d7f2
rgb(145,215,242)
-
#a2def4
#a2def4
rgb(162,222,244)
-
#b4e4f6
#b4e4f6
rgb(180,228,246)
-
#c6eaf8
#c6eaf8
rgb(198,234,248)
-
#d7f1fa
#d7f1fa
rgb(215,241,250)
-
#e9f7fc
#e9f7fc
rgb(233,247,252)
-
#fafdfe
#fafdfe
rgb(250,253,254)
Tones of #b4e4f6
A tone is produced by adding gray to any pure hue. In this case, #d4d5d6 is the less saturated color, while #aee7fc is the most saturated one.
-
#d4d5d6
#d4d5d6
rgb(212,213,214)
-
#d1d7d9
#d1d7d9
rgb(209,215,217)
-
#ced8dc
#ced8dc
rgb(206,216,220)
-
#cbdadf
#cbdadf
rgb(203,218,223)
-
#c7dbe3
#c7dbe3
rgb(199,219,227)
-
#c4dde6
#c4dde6
rgb(196,221,230)
-
#c1dee9
#c1dee9
rgb(193,222,233)
-
#bee0ec
#bee0ec
rgb(190,224,236)
-
#bae1f0
#bae1f0
rgb(186,225,240)
-
#b7e3f3
#b7e3f3
rgb(183,227,243)
-
#b4e4f6
#b4e4f6
rgb(180,228,246)
-
#b1e5f9
#b1e5f9
rgb(177,229,249)
-
#aee7fc
#aee7fc
rgb(174,231,252)
Color Blindness Simulator
Below, you can see how #b4e4f6 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.