#b2e4f3 Color Information
In a RGB color space, hex #b2e4f3 is composed of 69.8% red, 89.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 6.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 193.8 degrees, a saturation of 73% and a lightness of 82.5%. #b2e4f3 color hex could be obtained by blending #ffffff with #65c9e7. Closest websafe color is: #99ccff.
-
- R 70
- G 89
- B 95
-
- C 27
- M 6
- Y 0
- K 5
● #b2e4f3 color description : Very soft cyan.
#b2e4f3 Color Conversion
The hexadecimal color #b2e4f3 has RGB values of R:178, G:228, B:243 and CMYK values of C:0.27, M:0.06, Y:0, K:0.05. Its decimal value is 11724019.
Hex triplet | b2e4f3 | #b2e4f3 |
---|---|---|
RGB Decimal | 178, 228, 243 | rgb(178,228,243) |
RGB Percent | 69.8, 89.4, 95.3 | rgb(69.8%,89.4%,95.3%) |
CMYK | 27, 6, 0, 5 | |
HSL | 193.8°, 73, 82.5 | hsl(193.8,73%,82.5%) |
HSV (or HSB) | 193.8°, 26.7, 95.3 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 87.689, -12.658, -12.533 |
---|---|
XYZ | 62.277, 71.421, 95.293 |
xyY | 0.272, 0.312, 71.421 |
CIE-LCH | 87.689, 17.813, 224.715 |
CIE-LUV | 87.689, -25.472, -17.669 |
Hunter-Lab | 84.511, -16.354, -7.697 |
Binary | 10110010, 11100100, 11110011 |
Color Schemes with #b2e4f3
Alternatives to #b2e4f3
Below, you can see some colors close to #b2e4f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b2e4f3 Preview
This text has a font color of #b2e4f3.
<span style="color:#b2e4f3;">Text here</span>
This paragraph has a background color of #b2e4f3.
<p style="background-color:#b2e4f3;">Content here</p>
This element has a border color of #b2e4f3.
<div style="border:1px solid #b2e4f3;">Content here</div>
.text {color:#b2e4f3;}
.background {background-color:#b2e4f3;}
.border {border:1px solid #b2e4f3;}
Shades and Tints of #b2e4f3
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, #010608 is the darkest color, while #f6fcfe is the lightest one.
-
#010608
#010608
rgb(1,6,8)
-
#041419
#041419
rgb(4,20,25)
-
#07222a
#07222a
rgb(7,34,42)
-
#092f3b
#092f3b
rgb(9,47,59)
-
#0c3d4c
#0c3d4c
rgb(12,61,76)
-
#0e4b5d
#0e4b5d
rgb(14,75,93)
-
#11586e
#11586e
rgb(17,88,110)
-
#14667f
#14667f
rgb(20,102,127)
-
#167490
#167490
rgb(22,116,144)
-
#1981a1
#1981a1
rgb(25,129,161)
-
#1c8fb2
#1c8fb2
rgb(28,143,178)
-
#1e9dc3
#1e9dc3
rgb(30,157,195)
-
#21aad4
#21aad4
rgb(33,170,212)
-
#2ab4de
#2ab4de
rgb(42,180,222)
-
#3bbae0
#3bbae0
rgb(59,186,224)
-
#4cc0e3
#4cc0e3
rgb(76,192,227)
-
#5dc6e6
#5dc6e6
rgb(93,198,230)
-
#6ecce8
#6ecce8
rgb(110,204,232)
-
#7fd2eb
#7fd2eb
rgb(127,210,235)
-
#90d8ee
#90d8ee
rgb(144,216,238)
-
#a1def0
#a1def0
rgb(161,222,240)
-
#b2e4f3
#b2e4f3
rgb(178,228,243)
-
#c3eaf6
#c3eaf6
rgb(195,234,246)
-
#d4f0f8
#d4f0f8
rgb(212,240,248)
-
#e5f6fb
#e5f6fb
rgb(229,246,251)
-
#f6fcfe
#f6fcfe
rgb(246,252,254)
Tones of #b2e4f3
A tone is produced by adding gray to any pure hue. In this case, #d1d3d4 is the less saturated color, while #a8eafd is the most saturated one.
-
#d1d3d4
#d1d3d4
rgb(209,211,212)
-
#cdd5d8
#cdd5d8
rgb(205,213,216)
-
#cad7db
#cad7db
rgb(202,215,219)
-
#c7d9de
#c7d9de
rgb(199,217,222)
-
#c3dbe2
#c3dbe2
rgb(195,219,226)
-
#c0dde5
#c0dde5
rgb(192,221,229)
-
#bcdee9
#bcdee9
rgb(188,222,233)
-
#b9e0ec
#b9e0ec
rgb(185,224,236)
-
#b5e2f0
#b5e2f0
rgb(181,226,240)
-
#b2e4f3
#b2e4f3
rgb(178,228,243)
-
#afe6f6
#afe6f6
rgb(175,230,246)
-
#abe8fa
#abe8fa
rgb(171,232,250)
-
#a8eafd
#a8eafd
rgb(168,234,253)
Color Blindness Simulator
Below, you can see how #b2e4f3 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.