#b4e1f2 Color Information
In a RGB color space, hex #b4e1f2 is composed of 70.6% red, 88.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 7% magenta, 0% yellow and 5.1% black. It has a hue angle of 196.5 degrees, a saturation of 70.5% and a lightness of 82.7%. #b4e1f2 color hex could be obtained by blending #ffffff with #69c3e5. Closest websafe color is: #ccccff.
-
- R 71
- G 88
- B 95
-
- C 26
- M 7
- Y 0
- K 5
● #b4e1f2 color description : Very soft blue.
#b4e1f2 Color Conversion
The hexadecimal color #b4e1f2 has RGB values of R:180, G:225, B:242 and CMYK values of C:0.26, M:0.07, Y:0, K:0.05. Its decimal value is 11854322.
Hex triplet | b4e1f2 | #b4e1f2 |
---|---|---|
RGB Decimal | 180, 225, 242 | rgb(180,225,242) |
RGB Percent | 70.6, 88.2, 94.9 | rgb(70.6%,88.2%,94.9%) |
CMYK | 26, 7, 0, 5 | |
HSL | 196.5°, 70.5, 82.7 | hsl(196.5,70.5%,82.7%) |
HSV (or HSB) | 196.5°, 25.6, 94.9 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 86.979, -10.776, -13.056 |
---|---|
XYZ | 61.771, 69.963, 94.249 |
xyY | 0.273, 0.31, 69.963 |
CIE-LCH | 86.979, 16.929, 230.466 |
CIE-LUV | 86.979, -23.278, -18.8 |
Hunter-Lab | 83.644, -14.554, -8.257 |
Binary | 10110100, 11100001, 11110010 |
Color Schemes with #b4e1f2
Alternatives to #b4e1f2
Below, you can see some colors close to #b4e1f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b4e1f2 Preview
This text has a font color of #b4e1f2.
<span style="color:#b4e1f2;">Text here</span>
This paragraph has a background color of #b4e1f2.
<p style="background-color:#b4e1f2;">Content here</p>
This element has a border color of #b4e1f2.
<div style="border:1px solid #b4e1f2;">Content here</div>
.text {color:#b4e1f2;}
.background {background-color:#b4e1f2;}
.border {border:1px solid #b4e1f2;}
Shades and Tints of #b4e1f2
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, #010709 is the darkest color, while #f7fcfe is the lightest one.
-
#010709
#010709
rgb(1,7,9)
-
#041419
#041419
rgb(4,20,25)
-
#07202a
#07202a
rgb(7,32,42)
-
#0a2d3b
#0a2d3b
rgb(10,45,59)
-
#0d3a4b
#0d3a4b
rgb(13,58,75)
-
#10475c
#10475c
rgb(16,71,92)
-
#13546d
#13546d
rgb(19,84,109)
-
#16617e
#16617e
rgb(22,97,126)
-
#196e8e
#196e8e
rgb(25,110,142)
-
#1c7b9f
#1c7b9f
rgb(28,123,159)
-
#1e88b0
#1e88b0
rgb(30,136,176)
-
#2195c0
#2195c0
rgb(33,149,192)
-
#24a2d1
#24a2d1
rgb(36,162,209)
-
#2eacdb
#2eacdb
rgb(46,172,219)
-
#3fb2de
#3fb2de
rgb(63,178,222)
-
#50b9e1
#50b9e1
rgb(80,185,225)
-
#60c0e4
#60c0e4
rgb(96,192,228)
-
#71c6e6
#71c6e6
rgb(113,198,230)
-
#82cde9
#82cde9
rgb(130,205,233)
-
#93d4ec
#93d4ec
rgb(147,212,236)
-
#a3daef
#a3daef
rgb(163,218,239)
-
#b4e1f2
#b4e1f2
rgb(180,225,242)
-
#c5e8f5
#c5e8f5
rgb(197,232,245)
-
#d5eef8
#d5eef8
rgb(213,238,248)
-
#e6f5fb
#e6f5fb
rgb(230,245,251)
-
#f7fcfe
#f7fcfe
rgb(247,252,254)
Tones of #b4e1f2
A tone is produced by adding gray to any pure hue. In this case, #d2d3d4 is the less saturated color, while #aae6fc is the most saturated one.
-
#d2d3d4
#d2d3d4
rgb(210,211,212)
-
#cfd5d7
#cfd5d7
rgb(207,213,215)
-
#ccd6da
#ccd6da
rgb(204,214,218)
-
#c8d8de
#c8d8de
rgb(200,216,222)
-
#c5d9e1
#c5d9e1
rgb(197,217,225)
-
#c2dbe4
#c2dbe4
rgb(194,219,228)
-
#bedce8
#bedce8
rgb(190,220,232)
-
#bbdeeb
#bbdeeb
rgb(187,222,235)
-
#b7dfef
#b7dfef
rgb(183,223,239)
-
#b4e1f2
#b4e1f2
rgb(180,225,242)
-
#b1e3f5
#b1e3f5
rgb(177,227,245)
-
#ade4f9
#ade4f9
rgb(173,228,249)
-
#aae6fc
#aae6fc
rgb(170,230,252)
Color Blindness Simulator
Below, you can see how #b4e1f2 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.