#b7e1f3 Color Information
In a RGB color space, hex #b7e1f3 is composed of 71.8% red, 88.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 7.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 198 degrees, a saturation of 71.4% and a lightness of 83.5%. #b7e1f3 color hex could be obtained by blending #ffffff with #6fc3e7. Closest websafe color is: #ccccff.
-
- R 72
- G 88
- B 95
-
- C 25
- M 7
- Y 0
- K 5
● #b7e1f3 color description : Very soft blue.
#b7e1f3 Color Conversion
The hexadecimal color #b7e1f3 has RGB values of R:183, G:225, B:243 and CMYK values of C:0.25, M:0.07, Y:0, K:0.05. Its decimal value is 12050931.
| Hex triplet | b7e1f3 | #b7e1f3 |
|---|---|---|
| RGB Decimal | 183, 225, 243 | rgb(183,225,243) |
| RGB Percent | 71.8, 88.2, 95.3 | rgb(71.8%,88.2%,95.3%) |
| CMYK | 25, 7, 0, 5 | |
| HSL | 198°, 71.4, 83.5 | hsl(198,71.4%,83.5%) |
| HSV (or HSB) | 198°, 24.7, 95.3 | |
| Web Safe | ccccff | #ccccff |
| CIE-LAB | 87.186, -9.678, -13.254 |
|---|---|
| XYZ | 62.628, 70.387, 95.075 |
| xyY | 0.275, 0.309, 70.387 |
| CIE-LCH | 87.186, 16.411, 233.861 |
| CIE-LUV | 87.186, -21.954, -19.3 |
| Hunter-Lab | 83.897, -13.572, -8.462 |
| Binary | 10110111, 11100001, 11110011 |
Color Schemes with #b7e1f3
Alternatives to #b7e1f3
Below, you can see some colors close to #b7e1f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b7e1f3 Preview
This text has a font color of #b7e1f3.
<span style="color:#b7e1f3;">Text here</span>
This paragraph has a background color of #b7e1f3.
<p style="background-color:#b7e1f3;">Content here</p>
This element has a border color of #b7e1f3.
<div style="border:1px solid #b7e1f3;">Content here</div>
.text {color:#b7e1f3;}
.background {background-color:#b7e1f3;}
.border {border:1px solid #b7e1f3;}
Shades and Tints of #b7e1f3
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, #02090c is the darkest color, while #fafdfe is the lightest one.
-
#02090c
#02090crgb(2,9,12) -
#05161d
#05161drgb(5,22,29) -
#08222e
#08222ergb(8,34,46) -
#0a2f3f
#0a2f3frgb(10,47,63) -
#0d3b4f
#0d3b4frgb(13,59,79) -
#104860
#104860rgb(16,72,96) -
#135571
#135571rgb(19,85,113) -
#166182
#166182rgb(22,97,130) -
#186e93
#186e93rgb(24,110,147) -
#1b7ba3
#1b7ba3rgb(27,123,163) -
#1e87b4
#1e87b4rgb(30,135,180) -
#2194c5
#2194c5rgb(33,148,197) -
#24a0d6
#24a0d6rgb(36,160,214)
-
#30a9dd
#30a9ddrgb(48,169,221) -
#41b0df
#41b0dfrgb(65,176,223) -
#52b7e2
#52b7e2rgb(82,183,226) -
#63bee5
#63bee5rgb(99,190,229) -
#74c5e8
#74c5e8rgb(116,197,232) -
#85cceb
#85ccebrgb(133,204,235) -
#95d3ed
#95d3edrgb(149,211,237) -
#a6daf0
#a6daf0rgb(166,218,240) -
#b7e1f3
#b7e1f3rgb(183,225,243) -
#c8e8f6
#c8e8f6rgb(200,232,246) -
#d9eff9
#d9eff9rgb(217,239,249) -
#e9f6fb
#e9f6fbrgb(233,246,251) -
#fafdfe
#fafdfergb(250,253,254)
Tones of #b7e1f3
A tone is produced by adding gray to any pure hue. In this case, #d4d5d6 is the less saturated color, while #ade5fd is the most saturated one.
-
#d4d5d6
#d4d5d6rgb(212,213,214) -
#d1d7d9
#d1d7d9rgb(209,215,217) -
#ced8dc
#ced8dcrgb(206,216,220) -
#cad9e0
#cad9e0rgb(202,217,224) -
#c7dbe3
#c7dbe3rgb(199,219,227) -
#c4dce6
#c4dce6rgb(196,220,230) -
#c1dde9
#c1dde9rgb(193,221,233) -
#bddeed
#bddeedrgb(189,222,237) -
#bae0f0
#bae0f0rgb(186,224,240) -
#b7e1f3
#b7e1f3rgb(183,225,243) -
#b4e2f6
#b4e2f6rgb(180,226,246) -
#b1e4f9
#b1e4f9rgb(177,228,249) -
#ade5fd
#ade5fdrgb(173,229,253)
Color Blindness Simulator
Below, you can see how #b7e1f3 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.
