#b4f8f2 Color Information
In a RGB color space, hex #b4f8f2 is composed of 70.6% red, 97.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 27.4% cyan, 0% magenta, 2.4% yellow and 2.7% black. It has a hue angle of 174.7 degrees, a saturation of 82.9% and a lightness of 83.9%. #b4f8f2 color hex could be obtained by blending #ffffff with #69f1e5. Closest websafe color is: #ccffff.
-
- R 71
- G 97
- B 95
-
- C 27
- M 0
- Y 2
- K 3
● #b4f8f2 color description : Very soft cyan.
#b4f8f2 Color Conversion
The hexadecimal color #b4f8f2 has RGB values of R:180, G:248, B:242 and CMYK values of C:0.27, M:0, Y:0.02, K:0.03. Its decimal value is 11860210.
Hex triplet | b4f8f2 | #b4f8f2 |
---|---|---|
RGB Decimal | 180, 248, 242 | rgb(180,248,242) |
RGB Percent | 70.6, 97.3, 94.9 | rgb(70.6%,97.3%,94.9%) |
CMYK | 27, 0, 2, 3 | |
HSL | 174.7°, 82.9, 83.9 | hsl(174.7,82.9%,83.9%) |
HSV (or HSB) | 174.7°, 27.4, 97.3 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 93.122, -22.26, -3.945 |
---|---|
XYZ | 68.413, 83.246, 96.463 |
xyY | 0.276, 0.336, 83.246 |
CIE-LCH | 93.122, 22.607, 190.05 |
CIE-LUV | 93.122, -33.291, -2.384 |
Hunter-Lab | 91.239, -25.827, 1.183 |
Binary | 10110100, 11111000, 11110010 |
Color Schemes with #b4f8f2
Alternatives to #b4f8f2
Below, you can see some colors close to #b4f8f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b4f8f2 Preview
This text has a font color of #b4f8f2.
<span style="color:#b4f8f2;">Text here</span>
This paragraph has a background color of #b4f8f2.
<p style="background-color:#b4f8f2;">Content here</p>
This element has a border color of #b4f8f2.
<div style="border:1px solid #b4f8f2;">Content here</div>
.text {color:#b4f8f2;}
.background {background-color:#b4f8f2;}
.border {border:1px solid #b4f8f2;}
Shades and Tints of #b4f8f2
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, #010f0e is the darkest color, while #fcfffe is the lightest one.
-
#010f0e
#010f0e
rgb(1,15,14)
-
#03211e
#03211e
rgb(3,33,30)
-
#05332f
#05332f
rgb(5,51,47)
-
#06453f
#06453f
rgb(6,69,63)
-
#085650
#085650
rgb(8,86,80)
-
#0a6860
#0a6860
rgb(10,104,96)
-
#0b7a71
#0b7a71
rgb(11,122,113)
-
#0d8c81
#0d8c81
rgb(13,140,129)
-
#0f9e92
#0f9e92
rgb(15,158,146)
-
#10b0a2
#10b0a2
rgb(16,176,162)
-
#12c2b3
#12c2b3
rgb(18,194,179)
-
#14d4c3
#14d4c3
rgb(20,212,195)
-
#15e6d4
#15e6d4
rgb(21,230,212)
-
#24ebd9
#24ebd9
rgb(36,235,217)
-
#36ecdc
#36ecdc
rgb(54,236,220)
-
#48eedf
#48eedf
rgb(72,238,223)
-
#5af0e2
#5af0e2
rgb(90,240,226)
-
#6cf1e6
#6cf1e6
rgb(108,241,230)
-
#7ef3e9
#7ef3e9
rgb(126,243,233)
-
#90f5ec
#90f5ec
rgb(144,245,236)
-
#a2f6ef
#a2f6ef
rgb(162,246,239)
-
#b4f8f2
#b4f8f2
rgb(180,248,242)
-
#c6faf5
#c6faf5
rgb(198,250,245)
-
#d8fbf8
#d8fbf8
rgb(216,251,248)
-
#eafdfb
#eafdfb
rgb(234,253,251)
-
#fcfffe
#fcfffe
rgb(252,255,254)
Tones of #b4f8f2
A tone is produced by adding gray to any pure hue. In this case, #d4d8d8 is the less saturated color, while #aefef7 is the most saturated one.
-
#d4d8d8
#d4d8d8
rgb(212,216,216)
-
#d0dcdb
#d0dcdb
rgb(208,220,219)
-
#cddfdd
#cddfdd
rgb(205,223,221)
-
#cae2e0
#cae2e0
rgb(202,226,224)
-
#c7e5e2
#c7e5e2
rgb(199,229,226)
-
#c4e8e5
#c4e8e5
rgb(196,232,229)
-
#c1ebe8
#c1ebe8
rgb(193,235,232)
-
#bdefea
#bdefea
rgb(189,239,234)
-
#baf2ed
#baf2ed
rgb(186,242,237)
-
#b7f5ef
#b7f5ef
rgb(183,245,239)
-
#b4f8f2
#b4f8f2
rgb(180,248,242)
-
#b1fbf5
#b1fbf5
rgb(177,251,245)
-
#aefef7
#aefef7
rgb(174,254,247)
Color Blindness Simulator
Below, you can see how #b4f8f2 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.