#b1f3f5 Color Information
In a RGB color space, hex #b1f3f5 is composed of 69.4% red, 95.3% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 27.8% cyan, 0.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 181.8 degrees, a saturation of 77.3% and a lightness of 82.7%. #b1f3f5 color hex could be obtained by blending #ffffff with #63e7eb. Closest websafe color is: #99ffff.
-
- R 69
- G 95
- B 96
-
- C 28
- M 1
- Y 0
- K 4
● #b1f3f5 color description : Very soft cyan.
#b1f3f5 Color Conversion
The hexadecimal color #b1f3f5 has RGB values of R:177, G:243, B:245 and CMYK values of C:0.28, M:0.01, Y:0, K:0.04. Its decimal value is 11662325.
Hex triplet | b1f3f5 | #b1f3f5 |
---|---|---|
RGB Decimal | 177, 243, 245 | rgb(177,243,245) |
RGB Percent | 69.4, 95.3, 96.1 | rgb(69.4%,95.3%,96.1%) |
CMYK | 28, 1, 0, 4 | |
HSL | 181.8°, 77.3, 82.7 | hsl(181.8,77.3%,82.7%) |
HSV (or HSB) | 181.8°, 27.8, 96.1 | |
Web Safe | 99ffff | #99ffff |
CIE-LAB | 91.702, -20, -7.617 |
---|---|
XYZ | 66.659, 80.038, 98.318 |
xyY | 0.272, 0.327, 80.038 |
CIE-LCH | 91.702, 21.401, 200.849 |
CIE-LUV | 91.702, -32.375, -8.611 |
Hunter-Lab | 89.464, -23.562, -2.533 |
Binary | 10110001, 11110011, 11110101 |
Color Schemes with #b1f3f5
Alternatives to #b1f3f5
Below, you can see some colors close to #b1f3f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b1f3f5 Preview
This text has a font color of #b1f3f5.
<span style="color:#b1f3f5;">Text here</span>
This paragraph has a background color of #b1f3f5.
<p style="background-color:#b1f3f5;">Content here</p>
This element has a border color of #b1f3f5.
<div style="border:1px solid #b1f3f5;">Content here</div>
.text {color:#b1f3f5;}
.background {background-color:#b1f3f5;}
.border {border:1px solid #b1f3f5;}
Shades and Tints of #b1f3f5
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, #010909 is the darkest color, while #f7fefe is the lightest one.
-
#010909
#010909
rgb(1,9,9)
-
#031a1a
#031a1a
rgb(3,26,26)
-
#062b2c
#062b2c
rgb(6,43,44)
-
#083c3d
#083c3d
rgb(8,60,61)
-
#0a4c4e
#0a4c4e
rgb(10,76,78)
-
#0c5d60
#0c5d60
rgb(12,93,96)
-
#0f6e71
#0f6e71
rgb(15,110,113)
-
#117f83
#117f83
rgb(17,127,131)
-
#139094
#139094
rgb(19,144,148)
-
#15a1a5
#15a1a5
rgb(21,161,165)
-
#17b2b7
#17b2b7
rgb(23,178,183)
-
#1ac3c8
#1ac3c8
rgb(26,195,200)
-
#1cd4da
#1cd4da
rgb(28,212,218)
-
#26dee3
#26dee3
rgb(38,222,227)
-
#37e0e5
#37e0e5
rgb(55,224,229)
-
#49e3e8
#49e3e8
rgb(73,227,232)
-
#5ae6ea
#5ae6ea
rgb(90,230,234)
-
#6be8ec
#6be8ec
rgb(107,232,236)
-
#7debee
#7debee
rgb(125,235,238)
-
#8eeef1
#8eeef1
rgb(142,238,241)
-
#a0f0f3
#a0f0f3
rgb(160,240,243)
-
#b1f3f5
#b1f3f5
rgb(177,243,245)
-
#c2f6f7
#c2f6f7
rgb(194,246,247)
-
#d4f8f9
#d4f8f9
rgb(212,248,249)
-
#e5fbfc
#e5fbfc
rgb(229,251,252)
-
#f7fefe
#f7fefe
rgb(247,254,254)
Tones of #b1f3f5
A tone is produced by adding gray to any pure hue. In this case, #d3d3d3 is the less saturated color, while #aaf9fc is the most saturated one.
-
#d3d3d3
#d3d3d3
rgb(211,211,211)
-
#cfd6d7
#cfd6d7
rgb(207,214,215)
-
#ccdada
#ccdada
rgb(204,218,218)
-
#c9dddd
#c9dddd
rgb(201,221,221)
-
#c5e0e1
#c5e0e1
rgb(197,224,225)
-
#c2e3e4
#c2e3e4
rgb(194,227,228)
-
#bfe6e7
#bfe6e7
rgb(191,230,231)
-
#bbe9eb
#bbe9eb
rgb(187,233,235)
-
#b8edee
#b8edee
rgb(184,237,238)
-
#b4f0f2
#b4f0f2
rgb(180,240,242)
-
#b1f3f5
#b1f3f5
rgb(177,243,245)
-
#aef6f8
#aef6f8
rgb(174,246,248)
-
#aaf9fc
#aaf9fc
rgb(170,249,252)
Color Blindness Simulator
Below, you can see how #b1f3f5 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.