#b0e2f3 Color Information
In a RGB color space, hex #b0e2f3 is composed of 69% red, 88.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 27.6% cyan, 7% magenta, 0% yellow and 4.7% black. It has a hue angle of 195.2 degrees, a saturation of 73.6% and a lightness of 82.2%. #b0e2f3 color hex could be obtained by blending #ffffff with #61c5e7. Closest websafe color is: #99ccff.
-
- R 69
- G 89
- B 95
-
- C 28
- M 7
- Y 0
- K 5
● #b0e2f3 color description : Very soft blue.
#b0e2f3 Color Conversion
The hexadecimal color #b0e2f3 has RGB values of R:176, G:226, B:243 and CMYK values of C:0.28, M:0.07, Y:0, K:0.05. Its decimal value is 11592435.
| Hex triplet | b0e2f3 | #b0e2f3 |
|---|---|---|
| RGB Decimal | 176, 226, 243 | rgb(176,226,243) |
| RGB Percent | 69, 88.6, 95.3 | rgb(69%,88.6%,95.3%) |
| CMYK | 28, 7, 0, 5 | |
| HSL | 195.2°, 73.6, 82.2 | hsl(195.2,73.6%,82.2%) |
| HSV (or HSB) | 195.2°, 27.6, 95.3 | |
| Web Safe | 99ccff | #99ccff |
| CIE-LAB | 87.042, -12.212, -13.512 |
|---|---|
| XYZ | 61.275, 70.092, 95.09 |
| xyY | 0.271, 0.31, 70.092 |
| CIE-LCH | 87.042, 18.213, 227.894 |
| CIE-LUV | 87.042, -25.47, -19.322 |
| Hunter-Lab | 83.721, -15.869, -8.737 |
| Binary | 10110000, 11100010, 11110011 |
Color Schemes with #b0e2f3
Alternatives to #b0e2f3
Below, you can see some colors close to #b0e2f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b0e2f3 Preview
This text has a font color of #b0e2f3.
<span style="color:#b0e2f3;">Text here</span>
This paragraph has a background color of #b0e2f3.
<p style="background-color:#b0e2f3;">Content here</p>
This element has a border color of #b0e2f3.
<div style="border:1px solid #b0e2f3;">Content here</div>
.text {color:#b0e2f3;}
.background {background-color:#b0e2f3;}
.border {border:1px solid #b0e2f3;}
Shades and Tints of #b0e2f3
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, #010506 is the darkest color, while #f4fbfd is the lightest one.
-
#010506
#010506rgb(1,5,6) -
#041217
#041217rgb(4,18,23) -
#062028
#062028rgb(6,32,40) -
#092d39
#092d39rgb(9,45,57) -
#0b3a4a
#0b3a4argb(11,58,74) -
#0e485b
#0e485brgb(14,72,91) -
#10556c
#10556crgb(16,85,108) -
#13627d
#13627drgb(19,98,125) -
#16708e
#16708ergb(22,112,142) -
#187d9f
#187d9frgb(24,125,159) -
#1b8ab0
#1b8ab0rgb(27,138,176) -
#1d98c1
#1d98c1rgb(29,152,193) -
#20a5d2
#20a5d2rgb(32,165,210)
-
#28b0de
#28b0dergb(40,176,222) -
#39b6e1
#39b6e1rgb(57,182,225) -
#4abce3
#4abce3rgb(74,188,227) -
#5bc3e6
#5bc3e6rgb(91,195,230) -
#6cc9e9
#6cc9e9rgb(108,201,233) -
#7dcfeb
#7dcfebrgb(125,207,235) -
#8ed5ee
#8ed5eergb(142,213,238) -
#9fdcf0
#9fdcf0rgb(159,220,240) -
#b0e2f3
#b0e2f3rgb(176,226,243) -
#c1e8f6
#c1e8f6rgb(193,232,246) -
#d2eff8
#d2eff8rgb(210,239,248) -
#e3f5fb
#e3f5fbrgb(227,245,251) -
#f4fbfd
#f4fbfdrgb(244,251,253)
Tones of #b0e2f3
A tone is produced by adding gray to any pure hue. In this case, #d0d2d4 is the less saturated color, while #a6e7fe is the most saturated one.
-
#d0d2d4
#d0d2d4rgb(208,210,212) -
#ccd4d7
#ccd4d7rgb(204,212,215) -
#c9d6db
#c9d6dbrgb(201,214,219) -
#c5d8de
#c5d8dergb(197,216,222) -
#c2d9e2
#c2d9e2rgb(194,217,226) -
#bedbe5
#bedbe5rgb(190,219,229) -
#bbdde9
#bbdde9rgb(187,221,233) -
#b7dfec
#b7dfecrgb(183,223,236) -
#b4e0f0
#b4e0f0rgb(180,224,240) -
#b0e2f3
#b0e2f3rgb(176,226,243) -
#ade4f7
#ade4f7rgb(173,228,247) -
#a9e5fa
#a9e5fargb(169,229,250) -
#a6e7fe
#a6e7fergb(166,231,254)
Color Blindness Simulator
Below, you can see how #b0e2f3 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.
