#b0e9f3 Color Information
In a RGB color space, hex #b0e9f3 is composed of 69% red, 91.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 27.6% cyan, 4.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 189 degrees, a saturation of 73.6% and a lightness of 82.2%. #b0e9f3 color hex could be obtained by blending #ffffff with #61d3e7. Closest websafe color is: #99ffff.
-
- R 69
- G 91
- B 95
-
- C 28
- M 4
- Y 0
- K 5
● #b0e9f3 color description : Very soft cyan.
#b0e9f3 Color Conversion
The hexadecimal color #b0e9f3 has RGB values of R:176, G:233, B:243 and CMYK values of C:0.28, M:0.04, Y:0, K:0.05. Its decimal value is 11594227.
| Hex triplet | b0e9f3 | #b0e9f3 |
|---|---|---|
| RGB Decimal | 176, 233, 243 | rgb(176,233,243) |
| RGB Percent | 69, 91.4, 95.3 | rgb(69%,91.4%,95.3%) |
| CMYK | 28, 4, 0, 5 | |
| HSL | 189°, 73.6, 82.2 | hsl(189,73.6%,82.2%) |
| HSV (or HSB) | 189°, 27.6, 95.3 | |
| Web Safe | 99ffff | #99ffff |
| CIE-LAB | 88.911, -15.754, -10.722 |
|---|---|
| XYZ | 63.217, 73.977, 95.737 |
| xyY | 0.271, 0.318, 73.977 |
| CIE-LCH | 88.911, 19.056, 214.239 |
| CIE-LUV | 88.911, -28.493, -14.263 |
| Hunter-Lab | 86.01, -19.319, -5.789 |
| Binary | 10110000, 11101001, 11110011 |
Color Schemes with #b0e9f3
Alternatives to #b0e9f3
Below, you can see some colors close to #b0e9f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b0e9f3 Preview
This text has a font color of #b0e9f3.
<span style="color:#b0e9f3;">Text here</span>
This paragraph has a background color of #b0e9f3.
<p style="background-color:#b0e9f3;">Content here</p>
This element has a border color of #b0e9f3.
<div style="border:1px solid #b0e9f3;">Content here</div>
.text {color:#b0e9f3;}
.background {background-color:#b0e9f3;}
.border {border:1px solid #b0e9f3;}
Shades and Tints of #b0e9f3
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 #f4fcfd is the lightest one.
-
#010506
#010506rgb(1,5,6) -
#041417
#041417rgb(4,20,23) -
#062328
#062328rgb(6,35,40) -
#093239
#093239rgb(9,50,57) -
#0b414a
#0b414argb(11,65,74) -
#0e505b
#0e505brgb(14,80,91) -
#105f6c
#105f6crgb(16,95,108) -
#136d7d
#136d7drgb(19,109,125) -
#167c8e
#167c8ergb(22,124,142) -
#188b9f
#188b9frgb(24,139,159) -
#1b9ab0
#1b9ab0rgb(27,154,176) -
#1da9c1
#1da9c1rgb(29,169,193) -
#20b8d2
#20b8d2rgb(32,184,210)
-
#28c3de
#28c3dergb(40,195,222) -
#39c8e1
#39c8e1rgb(57,200,225) -
#4acde3
#4acde3rgb(74,205,227) -
#5bd1e6
#5bd1e6rgb(91,209,230) -
#6cd6e9
#6cd6e9rgb(108,214,233) -
#7ddbeb
#7ddbebrgb(125,219,235) -
#8ee0ee
#8ee0eergb(142,224,238) -
#9fe4f0
#9fe4f0rgb(159,228,240) -
#b0e9f3
#b0e9f3rgb(176,233,243) -
#c1eef6
#c1eef6rgb(193,238,246) -
#d2f2f8
#d2f2f8rgb(210,242,248) -
#e3f7fb
#e3f7fbrgb(227,247,251) -
#f4fcfd
#f4fcfdrgb(244,252,253)
Tones of #b0e9f3
A tone is produced by adding gray to any pure hue. In this case, #d0d3d4 is the less saturated color, while #a6f0fe is the most saturated one.
-
#d0d3d4
#d0d3d4rgb(208,211,212) -
#ccd5d7
#ccd5d7rgb(204,213,215) -
#c9d8db
#c9d8dbrgb(201,216,219) -
#c5dade
#c5dadergb(197,218,222) -
#c2dde2
#c2dde2rgb(194,221,226) -
#bedfe5
#bedfe5rgb(190,223,229) -
#bbe2e9
#bbe2e9rgb(187,226,233) -
#b7e4ec
#b7e4ecrgb(183,228,236) -
#b4e7f0
#b4e7f0rgb(180,231,240) -
#b0e9f3
#b0e9f3rgb(176,233,243) -
#adebf7
#adebf7rgb(173,235,247) -
#a9eefa
#a9eefargb(169,238,250) -
#a6f0fe
#a6f0fergb(166,240,254)
Color Blindness Simulator
Below, you can see how #b0e9f3 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.
