#b1f3f7 Color Information
In a RGB color space, hex #b1f3f7 is composed of 69.4% red, 95.3% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 1.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 183.4 degrees, a saturation of 81.4% and a lightness of 83.1%. #b1f3f7 color hex could be obtained by blending #ffffff with #63e7ef. Closest websafe color is: #99ffff.
-
- R 69
- G 95
- B 97
-
- C 28
- M 2
- Y 0
- K 3
● #b1f3f7 color description : Very soft cyan.
#b1f3f7 Color Conversion
The hexadecimal color #b1f3f7 has RGB values of R:177, G:243, B:247 and CMYK values of C:0.28, M:0.02, Y:0, K:0.03. Its decimal value is 11662327.
Hex triplet | b1f3f7 | #b1f3f7 |
---|---|---|
RGB Decimal | 177, 243, 247 | rgb(177,243,247) |
RGB Percent | 69.4, 95.3, 96.9 | rgb(69.4%,95.3%,96.9%) |
CMYK | 28, 2, 0, 3 | |
HSL | 183.4°, 81.4, 83.1 | hsl(183.4,81.4%,83.1%) |
HSV (or HSB) | 183.4°, 28.3, 96.9 | |
Web Safe | 99ffff | #99ffff |
CIE-LAB | 91.757, -19.556, -8.576 |
---|---|
XYZ | 66.966, 80.161, 99.935 |
xyY | 0.271, 0.324, 80.161 |
CIE-LCH | 91.757, 21.354, 203.678 |
CIE-LUV | 91.757, -32.369, -10.23 |
Hunter-Lab | 89.533, -23.172, -3.505 |
Binary | 10110001, 11110011, 11110111 |
Color Schemes with #b1f3f7
Alternatives to #b1f3f7
Below, you can see some colors close to #b1f3f7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b1f3f7 Preview
This text has a font color of #b1f3f7.
<span style="color:#b1f3f7;">Text here</span>
This paragraph has a background color of #b1f3f7.
<p style="background-color:#b1f3f7;">Content here</p>
This element has a border color of #b1f3f7.
<div style="border:1px solid #b1f3f7;">Content here</div>
.text {color:#b1f3f7;}
.background {background-color:#b1f3f7;}
.border {border:1px solid #b1f3f7;}
Shades and Tints of #b1f3f7
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
#010a0b
rgb(1,10,11)
-
#031b1d
#031b1d
rgb(3,27,29)
-
#052c2f
#052c2f
rgb(5,44,47)
-
#073d40
#073d40
rgb(7,61,64)
-
#084e52
#084e52
rgb(8,78,82)
-
#0a5f64
#0a5f64
rgb(10,95,100)
-
#0c7076
#0c7076
rgb(12,112,118)
-
#0e8187
#0e8187
rgb(14,129,135)
-
#109199
#109199
rgb(16,145,153)
-
#12a2ab
#12a2ab
rgb(18,162,171)
-
#13b3bd
#13b3bd
rgb(19,179,189)
-
#15c4cf
#15c4cf
rgb(21,196,207)
-
#17d5e0
#17d5e0
rgb(23,213,224)
-
#23dde8
#23dde8
rgb(35,221,232)
-
#34e0ea
#34e0ea
rgb(52,224,234)
-
#46e3ec
#46e3ec
rgb(70,227,236)
-
#58e5ee
#58e5ee
rgb(88,229,238)
-
#6ae8f0
#6ae8f0
rgb(106,232,240)
-
#7cebf2
#7cebf2
rgb(124,235,242)
-
#8deef3
#8deef3
rgb(141,238,243)
-
#9ff0f5
#9ff0f5
rgb(159,240,245)
-
#b1f3f7
#b1f3f7
rgb(177,243,247)
-
#c3f6f9
#c3f6f9
rgb(195,246,249)
-
#d5f8fb
#d5f8fb
rgb(213,248,251)
-
#e6fbfc
#e6fbfc
rgb(230,251,252)
-
#f8fefe
#f8fefe
rgb(248,254,254)
Tones of #b1f3f7
A tone is produced by adding gray to any pure hue. In this case, #d2d6d6 is the less saturated color, while #aaf9fe is the most saturated one.
-
#d2d6d6
#d2d6d6
rgb(210,214,214)
-
#cfd9d9
#cfd9d9
rgb(207,217,217)
-
#cbdcdd
#cbdcdd
rgb(203,220,221)
-
#c8dee0
#c8dee0
rgb(200,222,224)
-
#c5e1e3
#c5e1e3
rgb(197,225,227)
-
#c2e4e6
#c2e4e6
rgb(194,228,230)
-
#bee7ea
#bee7ea
rgb(190,231,234)
-
#bbeaed
#bbeaed
rgb(187,234,237)
-
#b8edf0
#b8edf0
rgb(184,237,240)
-
#b4f0f4
#b4f0f4
rgb(180,240,244)
-
#b1f3f7
#b1f3f7
rgb(177,243,247)
-
#aef6fa
#aef6fa
rgb(174,246,250)
-
#aaf9fe
#aaf9fe
rgb(170,249,254)
Color Blindness Simulator
Below, you can see how #b1f3f7 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.