#b4f3f6 Color Information
In a RGB color space, hex #b4f3f6 is composed of 70.6% red, 95.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 1.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 182.7 degrees, a saturation of 78.6% and a lightness of 83.5%. #b4f3f6 color hex could be obtained by blending #ffffff with #69e7ed. Closest websafe color is: #ccffff.
-
- R 71
- G 95
- B 96
-
- C 27
- M 1
- Y 0
- K 4
● #b4f3f6 color description : Very soft cyan.
#b4f3f6 Color Conversion
The hexadecimal color #b4f3f6 has RGB values of R:180, G:243, B:246 and CMYK values of C:0.27, M:0.01, Y:0, K:0.04. Its decimal value is 11858934.
Hex triplet | b4f3f6 | #b4f3f6 |
---|---|---|
RGB Decimal | 180, 243, 246 | rgb(180,243,246) |
RGB Percent | 70.6, 95.3, 96.5 | rgb(70.6%,95.3%,96.5%) |
CMYK | 27, 1, 0, 4 | |
HSL | 182.7°, 78.6, 83.5 | hsl(182.7,78.6%,83.5%) |
HSV (or HSB) | 182.7°, 26.8, 96.5 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 91.889, -18.938, -7.842 |
---|---|
XYZ | 67.503, 80.456, 99.156 |
xyY | 0.273, 0.326, 80.456 |
CIE-LCH | 91.889, 20.498, 202.495 |
CIE-LUV | 91.889, -31.124, -9.145 |
Hunter-Lab | 89.697, -22.636, -2.755 |
Binary | 10110100, 11110011, 11110110 |
Color Schemes with #b4f3f6
Alternatives to #b4f3f6
Below, you can see some colors close to #b4f3f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b4f3f6 Preview
This text has a font color of #b4f3f6.
<span style="color:#b4f3f6;">Text here</span>
This paragraph has a background color of #b4f3f6.
<p style="background-color:#b4f3f6;">Content here</p>
This element has a border color of #b4f3f6.
<div style="border:1px solid #b4f3f6;">Content here</div>
.text {color:#b4f3f6;}
.background {background-color:#b4f3f6;}
.border {border:1px solid #b4f3f6;}
Shades and Tints of #b4f3f6
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)
-
#041d1e
#041d1e
rgb(4,29,30)
-
#062e30
#062e30
rgb(6,46,48)
-
#083f41
#083f41
rgb(8,63,65)
-
#0a4f53
#0a4f53
rgb(10,79,83)
-
#0c6064
#0c6064
rgb(12,96,100)
-
#0e7176
#0e7176
rgb(14,113,118)
-
#108287
#108287
rgb(16,130,135)
-
#129399
#129399
rgb(18,147,153)
-
#14a3aa
#14a3aa
rgb(20,163,170)
-
#17b4bc
#17b4bc
rgb(23,180,188)
-
#19c5cd
#19c5cd
rgb(25,197,205)
-
#1bd6df
#1bd6df
rgb(27,214,223)
-
#28dde5
#28dde5
rgb(40,221,229)
-
#39dfe7
#39dfe7
rgb(57,223,231)
-
#4be2e9
#4be2e9
rgb(75,226,233)
-
#5ce5eb
#5ce5eb
rgb(92,229,235)
-
#6ee8ee
#6ee8ee
rgb(110,232,238)
-
#7febf0
#7febf0
rgb(127,235,240)
-
#91edf2
#91edf2
rgb(145,237,242)
-
#a2f0f4
#a2f0f4
rgb(162,240,244)
-
#b4f3f6
#b4f3f6
rgb(180,243,246)
-
#c6f6f8
#c6f6f8
rgb(198,246,248)
-
#d7f9fa
#d7f9fa
rgb(215,249,250)
-
#e9fbfc
#e9fbfc
rgb(233,251,252)
-
#fafefe
#fafefe
rgb(250,254,254)
Tones of #b4f3f6
A tone is produced by adding gray to any pure hue. In this case, #d4d6d6 is the less saturated color, while #aef9fc is the most saturated one.
-
#d4d6d6
#d4d6d6
rgb(212,214,214)
-
#d1d9d9
#d1d9d9
rgb(209,217,217)
-
#cedcdc
#cedcdc
rgb(206,220,220)
-
#cbdedf
#cbdedf
rgb(203,222,223)
-
#c7e1e3
#c7e1e3
rgb(199,225,227)
-
#c4e4e6
#c4e4e6
rgb(196,228,230)
-
#c1e7e9
#c1e7e9
rgb(193,231,233)
-
#beeaec
#beeaec
rgb(190,234,236)
-
#baedf0
#baedf0
rgb(186,237,240)
-
#b7f0f3
#b7f0f3
rgb(183,240,243)
-
#b4f3f6
#b4f3f6
rgb(180,243,246)
-
#b1f6f9
#b1f6f9
rgb(177,246,249)
-
#aef9fc
#aef9fc
rgb(174,249,252)
Color Blindness Simulator
Below, you can see how #b4f3f6 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.