#b7e6f2 Color Information
In a RGB color space, hex #b7e6f2 is composed of 71.8% red, 90.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 5% magenta, 0% yellow and 5.1% black. It has a hue angle of 192.2 degrees, a saturation of 69.4% and a lightness of 83.3%. #b7e6f2 color hex could be obtained by blending #ffffff with #6fcde5. Closest websafe color is: #ccffff.
-
- R 72
- G 90
- B 95
-
- C 24
- M 5
- Y 0
- K 5
● #b7e6f2 color description : Very soft cyan.
#b7e6f2 Color Conversion
The hexadecimal color #b7e6f2 has RGB values of R:183, G:230, B:242 and CMYK values of C:0.24, M:0.05, Y:0, K:0.05. Its decimal value is 12052210.
Hex triplet | b7e6f2 | #b7e6f2 |
---|---|---|
RGB Decimal | 183, 230, 242 | rgb(183,230,242) |
RGB Percent | 71.8, 90.2, 94.9 | rgb(71.8%,90.2%,94.9%) |
CMYK | 24, 5, 0, 5 | |
HSL | 192.2°, 69.4, 83.3 | hsl(192.2,69.4%,83.3%) |
HSV (or HSB) | 192.2°, 24.4, 94.9 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 88.481, -12.45, -10.796 |
---|---|
XYZ | 63.849, 73.07, 94.739 |
xyY | 0.276, 0.315, 73.07 |
CIE-LCH | 88.481, 16.479, 220.93 |
CIE-LUV | 88.481, -24.141, -14.897 |
Hunter-Lab | 85.481, -16.264, -5.875 |
Binary | 10110111, 11100110, 11110010 |
Color Schemes with #b7e6f2
Alternatives to #b7e6f2
Below, you can see some colors close to #b7e6f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b7e6f2 Preview
This text has a font color of #b7e6f2.
<span style="color:#b7e6f2;">Text here</span>
This paragraph has a background color of #b7e6f2.
<p style="background-color:#b7e6f2;">Content here</p>
This element has a border color of #b7e6f2.
<div style="border:1px solid #b7e6f2;">Content here</div>
.text {color:#b7e6f2;}
.background {background-color:#b7e6f2;}
.border {border:1px solid #b7e6f2;}
Shades and Tints of #b7e6f2
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, #02090b is the darkest color, while #f9fdfe is the lightest one.
-
#02090b
#02090b
rgb(2,9,11)
-
#05171c
#05171c
rgb(5,23,28)
-
#08252c
#08252c
rgb(8,37,44)
-
#0b333d
#0b333d
rgb(11,51,61)
-
#0e414e
#0e414e
rgb(14,65,78)
-
#114e5e
#114e5e
rgb(17,78,94)
-
#145c6f
#145c6f
rgb(20,92,111)
-
#176a7f
#176a7f
rgb(23,106,127)
-
#1a7890
#1a7890
rgb(26,120,144)
-
#1d86a1
#1d86a1
rgb(29,134,161)
-
#2094b1
#2094b1
rgb(32,148,177)
-
#23a2c2
#23a2c2
rgb(35,162,194)
-
#26afd2
#26afd2
rgb(38,175,210)
-
#32b8da
#32b8da
rgb(50,184,218)
-
#43bedd
#43bedd
rgb(67,190,221)
-
#53c3e0
#53c3e0
rgb(83,195,224)
-
#64c9e3
#64c9e3
rgb(100,201,227)
-
#75cfe6
#75cfe6
rgb(117,207,230)
-
#85d5e9
#85d5e9
rgb(133,213,233)
-
#96daec
#96daec
rgb(150,218,236)
-
#a6e0ef
#a6e0ef
rgb(166,224,239)
-
#b7e6f2
#b7e6f2
rgb(183,230,242)
-
#c8ecf5
#c8ecf5
rgb(200,236,245)
-
#d8f2f8
#d8f2f8
rgb(216,242,248)
-
#e9f7fb
#e9f7fb
rgb(233,247,251)
-
#f9fdfe
#f9fdfe
rgb(249,253,254)
Tones of #b7e6f2
A tone is produced by adding gray to any pure hue. In this case, #d4d5d5 is the less saturated color, while #adecfc is the most saturated one.
-
#d4d5d5
#d4d5d5
rgb(212,213,213)
-
#d1d6d8
#d1d6d8
rgb(209,214,216)
-
#ced8db
#ced8db
rgb(206,216,219)
-
#cbdade
#cbdade
rgb(203,218,222)
-
#c7dce2
#c7dce2
rgb(199,220,226)
-
#c4dee5
#c4dee5
rgb(196,222,229)
-
#c1e0e8
#c1e0e8
rgb(193,224,232)
-
#bee2eb
#bee2eb
rgb(190,226,235)
-
#bae4ef
#bae4ef
rgb(186,228,239)
-
#b7e6f2
#b7e6f2
rgb(183,230,242)
-
#b4e8f5
#b4e8f5
rgb(180,232,245)
-
#b0eaf9
#b0eaf9
rgb(176,234,249)
-
#adecfc
#adecfc
rgb(173,236,252)
Color Blindness Simulator
Below, you can see how #b7e6f2 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.