#b4f2f4 Color Information
In a RGB color space, hex #b4f2f4 is composed of 70.6% red, 94.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 0.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 181.9 degrees, a saturation of 74.4% and a lightness of 83.1%. #b4f2f4 color hex could be obtained by blending #ffffff with #69e5e9. Closest websafe color is: #ccffff.
-
- R 71
- G 95
- B 96
-
- C 26
- M 1
- Y 0
- K 4
● #b4f2f4 color description : Very soft cyan.
#b4f2f4 Color Conversion
The hexadecimal color #b4f2f4 has RGB values of R:180, G:242, B:244 and CMYK values of C:0.26, M:0.01, Y:0, K:0.04. Its decimal value is 11858676.
Hex triplet | b4f2f4 | #b4f2f4 |
---|---|---|
RGB Decimal | 180, 242, 244 | rgb(180,242,244) |
RGB Percent | 70.6, 94.9, 95.7 | rgb(70.6%,94.9%,95.7%) |
CMYK | 26, 1, 0, 4 | |
HSL | 181.9°, 74.4, 83.1 | hsl(181.9,74.4%,83.1%) |
HSV (or HSB) | 181.9°, 26.2, 95.7 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 91.567, -18.883, -7.279 |
---|---|
XYZ | 66.9, 79.737, 97.449 |
xyY | 0.274, 0.327, 79.737 |
CIE-LCH | 91.567, 20.237, 201.08 |
CIE-LUV | 91.567, -30.692, -8.244 |
Hunter-Lab | 89.295, -22.536, -2.197 |
Binary | 10110100, 11110010, 11110100 |
Color Schemes with #b4f2f4
Alternatives to #b4f2f4
Below, you can see some colors close to #b4f2f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b4f2f4 Preview
This text has a font color of #b4f2f4.
<span style="color:#b4f2f4;">Text here</span>
This paragraph has a background color of #b4f2f4.
<p style="background-color:#b4f2f4;">Content here</p>
This element has a border color of #b4f2f4.
<div style="border:1px solid #b4f2f4;">Content here</div>
.text {color:#b4f2f4;}
.background {background-color:#b4f2f4;}
.border {border:1px solid #b4f2f4;}
Shades and Tints of #b4f2f4
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, #020a0b is the darkest color, while #f8fefe is the lightest one.
-
#020a0b
#020a0b
rgb(2,10,11)
-
#041b1c
#041b1c
rgb(4,27,28)
-
#072c2d
#072c2d
rgb(7,44,45)
-
#093c3e
#093c3e
rgb(9,60,62)
-
#0c4d4f
#0c4d4f
rgb(12,77,79)
-
#0e5e60
#0e5e60
rgb(14,94,96)
-
#116e71
#116e71
rgb(17,110,113)
-
#137f82
#137f82
rgb(19,127,130)
-
#168f93
#168f93
rgb(22,143,147)
-
#18a0a4
#18a0a4
rgb(24,160,164)
-
#1bb1b6
#1bb1b6
rgb(27,177,182)
-
#1dc1c7
#1dc1c7
rgb(29,193,199)
-
#20d2d8
#20d2d8
rgb(32,210,216)
-
#2bdae0
#2bdae0
rgb(43,218,224)
-
#3cdde2
#3cdde2
rgb(60,221,226)
-
#4de0e5
#4de0e5
rgb(77,224,229)
-
#5ee3e7
#5ee3e7
rgb(94,227,231)
-
#70e6ea
#70e6ea
rgb(112,230,234)
-
#81e9ec
#81e9ec
rgb(129,233,236)
-
#92ecef
#92ecef
rgb(146,236,239)
-
#a3eff1
#a3eff1
rgb(163,239,241)
-
#b4f2f4
#b4f2f4
rgb(180,242,244)
-
#c5f5f7
#c5f5f7
rgb(197,245,247)
-
#d6f8f9
#d6f8f9
rgb(214,248,249)
-
#e7fbfc
#e7fbfc
rgb(231,251,252)
-
#f8fefe
#f8fefe
rgb(248,254,254)
Tones of #b4f2f4
A tone is produced by adding gray to any pure hue. In this case, #d2d6d6 is the less saturated color, while #aafbfe is the most saturated one.
-
#d2d6d6
#d2d6d6
rgb(210,214,214)
-
#ced9da
#ced9da
rgb(206,217,218)
-
#cbdcdd
#cbdcdd
rgb(203,220,221)
-
#c8dfe0
#c8dfe0
rgb(200,223,224)
-
#c5e2e3
#c5e2e3
rgb(197,226,227)
-
#c1e6e7
#c1e6e7
rgb(193,230,231)
-
#bee9ea
#bee9ea
rgb(190,233,234)
-
#bbeced
#bbeced
rgb(187,236,237)
-
#b7eff1
#b7eff1
rgb(183,239,241)
-
#b4f2f4
#b4f2f4
rgb(180,242,244)
-
#b1f5f7
#b1f5f7
rgb(177,245,247)
-
#adf8fb
#adf8fb
rgb(173,248,251)
-
#aafbfe
#aafbfe
rgb(170,251,254)
Color Blindness Simulator
Below, you can see how #b4f2f4 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.