#b4f4f6 Color Information
In a RGB color space, hex #b4f4f6 is composed of 70.6% red, 95.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 0.8% magenta, 0% yellow and 3.5% black. It has a hue angle of 181.8 degrees, a saturation of 78.6% and a lightness of 83.5%. #b4f4f6 color hex could be obtained by blending #ffffff with #69e9ed. Closest websafe color is: #ccffff.
-
- R 71
- G 96
- B 96
-
- C 27
- M 1
- Y 0
- K 4
● #b4f4f6 color description : Very soft cyan.
#b4f4f6 Color Conversion
The hexadecimal color #b4f4f6 has RGB values of R:180, G:244, B:246 and CMYK values of C:0.27, M:0.01, Y:0, K:0.04. Its decimal value is 11859190.
Hex triplet | b4f4f6 | #b4f4f6 |
---|---|---|
RGB Decimal | 180, 244, 246 | rgb(180,244,246) |
RGB Percent | 70.6, 95.7, 96.5 | rgb(70.6%,95.7%,96.5%) |
CMYK | 27, 1, 0, 4 | |
HSL | 181.8°, 78.6, 83.5 | hsl(181.8,78.6%,83.5%) |
HSV (or HSB) | 181.8°, 26.8, 96.5 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 92.157, -19.432, -7.446 |
---|---|
XYZ | 67.804, 81.056, 99.256 |
xyY | 0.273, 0.327, 81.056 |
CIE-LCH | 92.157, 20.81, 200.967 |
CIE-LUV | 92.157, -31.555, -8.431 |
Hunter-Lab | 90.031, -23.124, -2.344 |
Binary | 10110100, 11110100, 11110110 |
Color Schemes with #b4f4f6
Alternatives to #b4f4f6
Below, you can see some colors close to #b4f4f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b4f4f6 Preview
This text has a font color of #b4f4f6.
<span style="color:#b4f4f6;">Text here</span>
This paragraph has a background color of #b4f4f6.
<p style="background-color:#b4f4f6;">Content here</p>
This element has a border color of #b4f4f6.
<div style="border:1px solid #b4f4f6;">Content here</div>
.text {color:#b4f4f6;}
.background {background-color:#b4f4f6;}
.border {border:1px solid #b4f4f6;}
Shades and Tints of #b4f4f6
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)
-
#0a5053
#0a5053
rgb(10,80,83)
-
#0c6164
#0c6164
rgb(12,97,100)
-
#0e7376
#0e7376
rgb(14,115,118)
-
#108487
#108487
rgb(16,132,135)
-
#129599
#129599
rgb(18,149,153)
-
#14a6aa
#14a6aa
rgb(20,166,170)
-
#17b7bc
#17b7bc
rgb(23,183,188)
-
#19c8cd
#19c8cd
rgb(25,200,205)
-
#1bd9df
#1bd9df
rgb(27,217,223)
-
#28dfe5
#28dfe5
rgb(40,223,229)
-
#39e2e7
#39e2e7
rgb(57,226,231)
-
#4be5e9
#4be5e9
rgb(75,229,233)
-
#5ce7eb
#5ce7eb
rgb(92,231,235)
-
#6eeaee
#6eeaee
rgb(110,234,238)
-
#7fecf0
#7fecf0
rgb(127,236,240)
-
#91eff2
#91eff2
rgb(145,239,242)
-
#a2f1f4
#a2f1f4
rgb(162,241,244)
-
#b4f4f6
#b4f4f6
rgb(180,244,246)
-
#c6f7f8
#c6f7f8
rgb(198,247,248)
-
#d7f9fa
#d7f9fa
rgb(215,249,250)
-
#e9fcfc
#e9fcfc
rgb(233,252,252)
-
#fafefe
#fafefe
rgb(250,254,254)
Tones of #b4f4f6
A tone is produced by adding gray to any pure hue. In this case, #d4d6d6 is the less saturated color, while #aefafc 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)
-
#beebec
#beebec
rgb(190,235,236)
-
#baeef0
#baeef0
rgb(186,238,240)
-
#b7f1f3
#b7f1f3
rgb(183,241,243)
-
#b4f4f6
#b4f4f6
rgb(180,244,246)
-
#b1f7f9
#b1f7f9
rgb(177,247,249)
-
#aefafc
#aefafc
rgb(174,250,252)
Color Blindness Simulator
Below, you can see how #b4f4f6 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.