#b4f5f6 Color Information
In a RGB color space, hex #b4f5f6 is composed of 70.6% red, 96.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 0.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 180.9 degrees, a saturation of 78.6% and a lightness of 83.5%. #b4f5f6 color hex could be obtained by blending #ffffff with #69ebed. Closest websafe color is: #ccffff.
-
- R 71
- G 96
- B 96
-
- C 27
- M 0
- Y 0
- K 4
● #b4f5f6 color description : Very soft cyan.
#b4f5f6 Color Conversion
The hexadecimal color #b4f5f6 has RGB values of R:180, G:245, B:246 and CMYK values of C:0.27, M:0, Y:0, K:0.04. Its decimal value is 11859446.
Hex triplet | b4f5f6 | #b4f5f6 |
---|---|---|
RGB Decimal | 180, 245, 246 | rgb(180,245,246) |
RGB Percent | 70.6, 96.1, 96.5 | rgb(70.6%,96.1%,96.5%) |
CMYK | 27, 0, 0, 4 | |
HSL | 180.9°, 78.6, 83.5 | hsl(180.9,78.6%,83.5%) |
HSV (or HSB) | 180.9°, 26.8, 96.5 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 92.424, -19.924, -7.05 |
---|---|
XYZ | 68.105, 81.659, 99.357 |
xyY | 0.273, 0.328, 81.659 |
CIE-LCH | 92.424, 21.135, 199.486 |
CIE-LUV | 92.424, -31.985, -7.718 |
Hunter-Lab | 90.366, -23.611, -1.934 |
Binary | 10110100, 11110101, 11110110 |
Color Schemes with #b4f5f6
Alternatives to #b4f5f6
Below, you can see some colors close to #b4f5f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b4f5f6 Preview
This text has a font color of #b4f5f6.
<span style="color:#b4f5f6;">Text here</span>
This paragraph has a background color of #b4f5f6.
<p style="background-color:#b4f5f6;">Content here</p>
This element has a border color of #b4f5f6.
<div style="border:1px solid #b4f5f6;">Content here</div>
.text {color:#b4f5f6;}
.background {background-color:#b4f5f6;}
.border {border:1px solid #b4f5f6;}
Shades and Tints of #b4f5f6
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, #020c0d is the darkest color, while #fafefe is the lightest one.
-
#020c0d
#020c0d
rgb(2,12,13)
-
#041e1e
#041e1e
rgb(4,30,30)
-
#062f30
#062f30
rgb(6,47,48)
-
#084041
#084041
rgb(8,64,65)
-
#0a5253
#0a5253
rgb(10,82,83)
-
#0c6364
#0c6364
rgb(12,99,100)
-
#0e7476
#0e7476
rgb(14,116,118)
-
#108587
#108587
rgb(16,133,135)
-
#129799
#129799
rgb(18,151,153)
-
#14a8aa
#14a8aa
rgb(20,168,170)
-
#17b9bc
#17b9bc
rgb(23,185,188)
-
#19cacd
#19cacd
rgb(25,202,205)
-
#1bdcdf
#1bdcdf
rgb(27,220,223)
-
#28e2e5
#28e2e5
rgb(40,226,229)
-
#39e5e7
#39e5e7
rgb(57,229,231)
-
#4be7e9
#4be7e9
rgb(75,231,233)
-
#5ce9eb
#5ce9eb
rgb(92,233,235)
-
#6eecee
#6eecee
rgb(110,236,238)
-
#7feef0
#7feef0
rgb(127,238,240)
-
#91f0f2
#91f0f2
rgb(145,240,242)
-
#a2f3f4
#a2f3f4
rgb(162,243,244)
-
#b4f5f6
#b4f5f6
rgb(180,245,246)
-
#c6f7f8
#c6f7f8
rgb(198,247,248)
-
#d7fafa
#d7fafa
rgb(215,250,250)
-
#e9fcfc
#e9fcfc
rgb(233,252,252)
-
#fafefe
#fafefe
rgb(250,254,254)
Tones of #b4f5f6
A tone is produced by adding gray to any pure hue. In this case, #d4d6d6 is the less saturated color, while #aefbfc is the most saturated one.
-
#d4d6d6
#d4d6d6
rgb(212,214,214)
-
#d1d9d9
#d1d9d9
rgb(209,217,217)
-
#cedcdc
#cedcdc
rgb(206,220,220)
-
#cbdfdf
#cbdfdf
rgb(203,223,223)
-
#c7e2e3
#c7e2e3
rgb(199,226,227)
-
#c4e5e6
#c4e5e6
rgb(196,229,230)
-
#c1e8e9
#c1e8e9
rgb(193,232,233)
-
#beecec
#beecec
rgb(190,236,236)
-
#baeff0
#baeff0
rgb(186,239,240)
-
#b7f2f3
#b7f2f3
rgb(183,242,243)
-
#b4f5f6
#b4f5f6
rgb(180,245,246)
-
#b1f8f9
#b1f8f9
rgb(177,248,249)
-
#aefbfc
#aefbfc
rgb(174,251,252)
Color Blindness Simulator
Below, you can see how #b4f5f6 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.