#b2e3f9 Color Information
In a RGB color space, hex #b2e3f9 is composed of 69.8% red, 89% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 28.5% cyan, 8.8% magenta, 0% yellow and 2.4% black. It has a hue angle of 198.6 degrees, a saturation of 85.5% and a lightness of 83.7%. #b2e3f9 color hex could be obtained by blending #ffffff with #65c7f3. Closest websafe color is: #99ccff.
-
- R 70
- G 89
- B 98
-
- C 29
- M 9
- Y 0
- K 2
● #b2e3f9 color description : Very soft blue.
#b2e3f9 Color Conversion
The hexadecimal color #b2e3f9 has RGB values of R:178, G:227, B:249 and CMYK values of C:0.29, M:0.09, Y:0, K:0.02. Its decimal value is 11723769.
Hex triplet | b2e3f9 | #b2e3f9 |
---|---|---|
RGB Decimal | 178, 227, 249 | rgb(178,227,249) |
RGB Percent | 69.8, 89, 97.6 | rgb(69.8%,89%,97.6%) |
CMYK | 29, 9, 0, 2 | |
HSL | 198.6°, 85.5, 83.7 | hsl(198.6,85.5%,83.7%) |
HSV (or HSB) | 198.6°, 28.5, 97.6 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 87.602, -10.784, -15.817 |
---|---|
XYZ | 62.924, 71.241, 100.053 |
xyY | 0.269, 0.304, 71.241 |
CIE-LCH | 87.602, 19.143, 235.714 |
CIE-LUV | 87.602, -25.095, -23.344 |
Hunter-Lab | 84.404, -14.634, -11.199 |
Binary | 10110010, 11100011, 11111001 |
Color Schemes with #b2e3f9
Alternatives to #b2e3f9
Below, you can see some colors close to #b2e3f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b2e3f9 Preview
This text has a font color of #b2e3f9.
<span style="color:#b2e3f9;">Text here</span>
This paragraph has a background color of #b2e3f9.
<p style="background-color:#b2e3f9;">Content here</p>
This element has a border color of #b2e3f9.
<div style="border:1px solid #b2e3f9;">Content here</div>
.text {color:#b2e3f9;}
.background {background-color:#b2e3f9;}
.border {border:1px solid #b2e3f9;}
Shades and Tints of #b2e3f9
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, #010a0e is the darkest color, while #fbfdff is the lightest one.
-
#010a0e
#010a0e
rgb(1,10,14)
-
#031720
#031720
rgb(3,23,32)
-
#042432
#042432
rgb(4,36,50)
-
#053145
#053145
rgb(5,49,69)
-
#073e57
#073e57
rgb(7,62,87)
-
#084b69
#084b69
rgb(8,75,105)
-
#0a587b
#0a587b
rgb(10,88,123)
-
#0b658d
#0b658d
rgb(11,101,141)
-
#0c72a0
#0c72a0
rgb(12,114,160)
-
#0e7fb2
#0e7fb2
rgb(14,127,178)
-
#0f8cc4
#0f8cc4
rgb(15,140,196)
-
#1199d6
#1199d6
rgb(17,153,214)
-
#12a6e8
#12a6e8
rgb(18,166,232)
-
#20aeee
#20aeee
rgb(32,174,238)
-
#33b5ef
#33b5ef
rgb(51,181,239)
-
#45bbf0
#45bbf0
rgb(69,187,240)
-
#57c2f2
#57c2f2
rgb(87,194,242)
-
#69c9f3
#69c9f3
rgb(105,201,243)
-
#7bcff5
#7bcff5
rgb(123,207,245)
-
#8ed6f6
#8ed6f6
rgb(142,214,246)
-
#a0dcf8
#a0dcf8
rgb(160,220,248)
-
#b2e3f9
#b2e3f9
rgb(178,227,249)
-
#c4eafa
#c4eafa
rgb(196,234,250)
-
#d6f0fc
#d6f0fc
rgb(214,240,252)
-
#e9f7fd
#e9f7fd
rgb(233,247,253)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #b2e3f9
A tone is produced by adding gray to any pure hue. In this case, #d5d6d6 is the less saturated color, while #afe4fc is the most saturated one.
-
#d5d6d6
#d5d6d6
rgb(213,214,214)
-
#d2d7d9
#d2d7d9
rgb(210,215,217)
-
#cfd8dc
#cfd8dc
rgb(207,216,220)
-
#ccd9df
#ccd9df
rgb(204,217,223)
-
#c8dbe3
#c8dbe3
rgb(200,219,227)
-
#c5dce6
#c5dce6
rgb(197,220,230)
-
#c2dde9
#c2dde9
rgb(194,221,233)
-
#bfdeec
#bfdeec
rgb(191,222,236)
-
#bcdfef
#bcdfef
rgb(188,223,239)
-
#b8e1f3
#b8e1f3
rgb(184,225,243)
-
#b5e2f6
#b5e2f6
rgb(181,226,246)
-
#b2e3f9
#b2e3f9
rgb(178,227,249)
-
#afe4fc
#afe4fc
rgb(175,228,252)
Color Blindness Simulator
Below, you can see how #b2e3f9 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.