#b0f0f8 Color Information
In a RGB color space, hex #b0f0f8 is composed of 69% red, 94.1% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 29% cyan, 3.2% magenta, 0% yellow and 2.7% black. It has a hue angle of 186.7 degrees, a saturation of 83.7% and a lightness of 83.1%. #b0f0f8 color hex could be obtained by blending #ffffff with #61e1f1. Closest websafe color is: #99ffff.
-
- R 69
- G 94
- B 97
-
- C 29
- M 3
- Y 0
- K 3
● #b0f0f8 color description : Very soft cyan.
#b0f0f8 Color Conversion
The hexadecimal color #b0f0f8 has RGB values of R:176, G:240, B:248 and CMYK values of C:0.29, M:0.03, Y:0, K:0.03. Its decimal value is 11596024.
| Hex triplet | b0f0f8 | #b0f0f8 |
|---|---|---|
| RGB Decimal | 176, 240, 248 | rgb(176,240,248) |
| RGB Percent | 69, 94.1, 97.3 | rgb(69%,94.1%,97.3%) |
| CMYK | 29, 3, 0, 3 | |
| HSL | 186.7°, 83.7, 83.1 | hsl(186.7,83.7%,83.1%) |
| HSV (or HSB) | 186.7°, 29, 97.3 | |
| Web Safe | 99ffff | #99ffff |
| CIE-LAB | 90.928, -18.125, -10.334 |
|---|---|
| XYZ | 66.004, 78.325, 100.442 |
| xyY | 0.27, 0.32, 78.325 |
| CIE-LCH | 90.928, 20.864, 209.689 |
| CIE-LUV | 90.928, -31.498, -13.295 |
| Hunter-Lab | 88.501, -21.754, -5.339 |
| Binary | 10110000, 11110000, 11111000 |
Color Schemes with #b0f0f8
Alternatives to #b0f0f8
Below, you can see some colors close to #b0f0f8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b0f0f8 Preview
This text has a font color of #b0f0f8.
<span style="color:#b0f0f8;">Text here</span>
This paragraph has a background color of #b0f0f8.
<p style="background-color:#b0f0f8;">Content here</p>
This element has a border color of #b0f0f8.
<div style="border:1px solid #b0f0f8;">Content here</div>
.text {color:#b0f0f8;}
.background {background-color:#b0f0f8;}
.border {border:1px solid #b0f0f8;}
Shades and Tints of #b0f0f8
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, #010a0b is the darkest color, while #f8fefe is the lightest one.
-
#010a0b
#010a0brgb(1,10,11) -
#031a1d
#031a1drgb(3,26,29) -
#042a2f
#042a2frgb(4,42,47) -
#063b41
#063b41rgb(6,59,65) -
#074b53
#074b53rgb(7,75,83) -
#095b65
#095b65rgb(9,91,101) -
#0b6b77
#0b6b77rgb(11,107,119) -
#0c7b89
#0c7b89rgb(12,123,137) -
#0e8c9b
#0e8c9brgb(14,140,155) -
#0f9cad
#0f9cadrgb(15,156,173) -
#11acbf
#11acbfrgb(17,172,191) -
#13bcd1
#13bcd1rgb(19,188,209) -
#14cce3
#14cce3rgb(20,204,227)
-
#20d5eb
#20d5ebrgb(32,213,235) -
#32d8ed
#32d8edrgb(50,216,237) -
#44dbee
#44dbeergb(68,219,238) -
#56dff0
#56dff0rgb(86,223,240) -
#68e2f2
#68e2f2rgb(104,226,242) -
#7ae6f3
#7ae6f3rgb(122,230,243) -
#8ce9f5
#8ce9f5rgb(140,233,245) -
#9eedf6
#9eedf6rgb(158,237,246) -
#b0f0f8
#b0f0f8rgb(176,240,248) -
#c2f3fa
#c2f3fargb(194,243,250) -
#d4f7fb
#d4f7fbrgb(212,247,251) -
#e6fafd
#e6fafdrgb(230,250,253) -
#f8fefe
#f8fefergb(248,254,254)
Tones of #b0f0f8
A tone is produced by adding gray to any pure hue. In this case, #d1d6d7 is the less saturated color, while #a9f5ff is the most saturated one.
-
#d1d6d7
#d1d6d7rgb(209,214,215) -
#ced9da
#ced9dargb(206,217,218) -
#cadbde
#cadbdergb(202,219,222) -
#c7dee1
#c7dee1rgb(199,222,225) -
#c4e1e4
#c4e1e4rgb(196,225,228) -
#c1e3e7
#c1e3e7rgb(193,227,231) -
#bde6eb
#bde6ebrgb(189,230,235) -
#bae8ee
#bae8eergb(186,232,238) -
#b7ebf1
#b7ebf1rgb(183,235,241) -
#b3edf5
#b3edf5rgb(179,237,245) -
#b0f0f8
#b0f0f8rgb(176,240,248) -
#adf3fb
#adf3fbrgb(173,243,251) -
#a9f5ff
#a9f5ffrgb(169,245,255)
Color Blindness Simulator
Below, you can see how #b0f0f8 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.
