#b1f3f4 Color Information
In a RGB color space, hex #b1f3f4 is composed of 69.4% red, 95.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 27.5% cyan, 0.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 180.9 degrees, a saturation of 75.3% and a lightness of 82.5%. #b1f3f4 color hex could be obtained by blending #ffffff with #63e7e9. Closest websafe color is: #99ffff.
-
- R 69
- G 95
- B 96
-
- C 27
- M 0
- Y 0
- K 4
● #b1f3f4 color description : Very soft cyan.
#b1f3f4 Color Conversion
The hexadecimal color #b1f3f4 has RGB values of R:177, G:243, B:244 and CMYK values of C:0.27, M:0, Y:0, K:0.04. Its decimal value is 11662324.
Hex triplet | b1f3f4 | #b1f3f4 |
---|---|---|
RGB Decimal | 177, 243, 244 | rgb(177,243,244) |
RGB Percent | 69.4, 95.3, 95.7 | rgb(69.4%,95.3%,95.7%) |
CMYK | 27, 0, 0, 4 | |
HSL | 180.9°, 75.3, 82.5 | hsl(180.9,75.3%,82.5%) |
HSV (or HSB) | 180.9°, 27.5, 95.7 | |
Web Safe | 99ffff | #99ffff |
CIE-LAB | 91.675, -20.22, -7.137 |
---|---|
XYZ | 66.507, 79.977, 97.516 |
xyY | 0.273, 0.328, 79.977 |
CIE-LCH | 91.675, 21.443, 199.44 |
CIE-LUV | 91.675, -32.378, -7.804 |
Hunter-Lab | 89.43, -23.756, -2.05 |
Binary | 10110001, 11110011, 11110100 |
Color Schemes with #b1f3f4
Alternatives to #b1f3f4
Below, you can see some colors close to #b1f3f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b1f3f4 Preview
This text has a font color of #b1f3f4.
<span style="color:#b1f3f4;">Text here</span>
This paragraph has a background color of #b1f3f4.
<p style="background-color:#b1f3f4;">Content here</p>
This element has a border color of #b1f3f4.
<div style="border:1px solid #b1f3f4;">Content here</div>
.text {color:#b1f3f4;}
.background {background-color:#b1f3f4;}
.border {border:1px solid #b1f3f4;}
Shades and Tints of #b1f3f4
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, #010808 is the darkest color, while #f6fefe is the lightest one.
-
#010808
#010808
rgb(1,8,8)
-
#041919
#041919
rgb(4,25,25)
-
#062a2a
#062a2a
rgb(6,42,42)
-
#083b3c
#083b3c
rgb(8,59,60)
-
#0b4c4d
#0b4c4d
rgb(11,76,77)
-
#0d5d5e
#0d5d5e
rgb(13,93,94)
-
#106e6f
#106e6f
rgb(16,110,111)
-
#127f80
#127f80
rgb(18,127,128)
-
#159091
#159091
rgb(21,144,145)
-
#17a1a3
#17a1a3
rgb(23,161,163)
-
#19b2b4
#19b2b4
rgb(25,178,180)
-
#1cc3c5
#1cc3c5
rgb(28,195,197)
-
#1ed4d6
#1ed4d6
rgb(30,212,214)
-
#27dee1
#27dee1
rgb(39,222,225)
-
#39e0e3
#39e0e3
rgb(57,224,227)
-
#4ae3e5
#4ae3e5
rgb(74,227,229)
-
#5be6e8
#5be6e8
rgb(91,230,232)
-
#6ce8ea
#6ce8ea
rgb(108,232,234)
-
#7debed
#7debed
rgb(125,235,237)
-
#8feeef
#8feeef
rgb(143,238,239)
-
#a0f0f2
#a0f0f2
rgb(160,240,242)
-
#b1f3f4
#b1f3f4
rgb(177,243,244)
-
#c2f6f6
#c2f6f6
rgb(194,246,246)
-
#d3f8f9
#d3f8f9
rgb(211,248,249)
-
#e5fbfb
#e5fbfb
rgb(229,251,251)
-
#f6fefe
#f6fefe
rgb(246,254,254)
Tones of #b1f3f4
A tone is produced by adding gray to any pure hue. In this case, #d0d5d5 is the less saturated color, while #a7fdfe is the most saturated one.
-
#d0d5d5
#d0d5d5
rgb(208,213,213)
-
#ccd8d9
#ccd8d9
rgb(204,216,217)
-
#c9dcdc
#c9dcdc
rgb(201,220,220)
-
#c6dfdf
#c6dfdf
rgb(198,223,223)
-
#c2e2e3
#c2e2e3
rgb(194,226,227)
-
#bfe6e6
#bfe6e6
rgb(191,230,230)
-
#bbe9ea
#bbe9ea
rgb(187,233,234)
-
#b8eced
#b8eced
rgb(184,236,237)
-
#b4f0f1
#b4f0f1
rgb(180,240,241)
-
#b1f3f4
#b1f3f4
rgb(177,243,244)
-
#aef6f7
#aef6f7
rgb(174,246,247)
-
#aafafb
#aafafb
rgb(170,250,251)
-
#a7fdfe
#a7fdfe
rgb(167,253,254)
Color Blindness Simulator
Below, you can see how #b1f3f4 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.