#b7e9f2 hex color
In a RGB color space, hex #b7e9f2 is composed of 71.8% red, 91.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 3.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 189.2 degrees, a saturation of 69.4% and a lightness of 83.3%. #b7e9f2 color hex could be obtained by blending #ffffff with #6fd3e5. Closest websafe color is: #ccffff.
-
- R 72
- G 91
- B 95
RGB color chart
-
- C 24
- M 4
- Y 0
- K 5
CMYK color chart
● #b7e9f2 color description : Very soft cyan.
The hexadecimal color #b7e9f2 has RGB values of R:183, G:233, B:242 and CMYK values of C:0.24, M:0.04, Y:0, K:0.05. Its decimal value is 12052978.
Hex triplet | b7e9f2 | #b7e9f2 |
---|---|---|
RGB Decimal | 183, 233, 242 | rgb(183,233,242) |
RGB Percent | 71.8, 91.4, 94.9 | rgb(71.8%,91.4%,94.9%) |
CMYK | 24, 4, 0, 5 | |
HSL | 189.2°, 69.4, 83.3 | hsl(189.2,69.4%,83.3%) |
HSV (or HSB) | 189.2°, 24.4, 94.9 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 89.278, -13.967, -9.611 |
---|---|
XYZ | 64.691, 74.754, 95.02 |
xyY | 0.276, 0.319, 74.754 |
CIE-LCH | 89.278, 16.954, 214.533 |
CIE-LUV | 89.278, -25.461, -12.754 |
Hunter-Lab | 86.46, -17.75, -4.638 |
Binary | 10110111, 11101001, 11110010 |
Analogous Color
Split Complementary Color
Triadic Color
Below, you can see some colors close to #b7e9f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #b7e9f2
This text has a font color of #b7e9f2.
<span style="color:#b7e9f2;">Text here</span>
#b7e9f2 background color
This paragraph has a background color of #b7e9f2.
<p style="background-color:#b7e9f2;">Content here</p>
#b7e9f2 border color
This element has a border color of #b7e9f2.
<div style="border:1px solid #b7e9f2;">Content here</div>
CSS codes
.text {color:#b7e9f2;}
.background {background-color:#b7e9f2;}
.border {border:1px solid #b7e9f2;}
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 #f9fdfe is the lightest one.
-
#020a0b
#020a0b
rgb(2,10,11)
-
#05181c
#05181c
rgb(5,24,28)
-
#08272c
#08272c
rgb(8,39,44)
-
#0b353d
#0b353d
rgb(11,53,61)
-
#0e444e
#0e444e
rgb(14,68,78)
-
#11525e
#11525e
rgb(17,82,94)
-
#14616f
#14616f
rgb(20,97,111)
-
#176f7f
#176f7f
rgb(23,111,127)
-
#1a7e90
#1a7e90
rgb(26,126,144)
-
#1d8da1
#1d8da1
rgb(29,141,161)
-
#209bb1
#209bb1
rgb(32,155,177)
-
#23aac2
#23aac2
rgb(35,170,194)
-
#26b8d2
#26b8d2
rgb(38,184,210)
Shade Color Variation
-
#32c0da
#32c0da
rgb(50,192,218)
-
#43c5dd
#43c5dd
rgb(67,197,221)
-
#53cbe0
#53cbe0
rgb(83,203,224)
-
#64d0e3
#64d0e3
rgb(100,208,227)
-
#75d5e6
#75d5e6
rgb(117,213,230)
-
#85dae9
#85dae9
rgb(133,218,233)
-
#96dfec
#96dfec
rgb(150,223,236)
-
#a6e4ef
#a6e4ef
rgb(166,228,239)
-
#b7e9f2
#b7e9f2
rgb(183,233,242)
-
#c8eef5
#c8eef5
rgb(200,238,245)
-
#d8f3f8
#d8f3f8
rgb(216,243,248)
-
#e9f8fb
#e9f8fb
rgb(233,248,251)
-
#f9fdfe
#f9fdfe
rgb(249,253,254)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #d4d5d5 is the less saturated color, while #adf0fc is the most saturated one.
-
#d4d5d5
#d4d5d5
rgb(212,213,213)
-
#d1d7d8
#d1d7d8
rgb(209,215,216)
-
#ced9db
#ced9db
rgb(206,217,219)
-
#cbdbde
#cbdbde
rgb(203,219,222)
-
#c7dee2
#c7dee2
rgb(199,222,226)
-
#c4e0e5
#c4e0e5
rgb(196,224,229)
-
#c1e2e8
#c1e2e8
rgb(193,226,232)
-
#bee4eb
#bee4eb
rgb(190,228,235)
-
#bae7ef
#bae7ef
rgb(186,231,239)
-
#b7e9f2
#b7e9f2
rgb(183,233,242)
-
#b4ebf5
#b4ebf5
rgb(180,235,245)
-
#b0eef9
#b0eef9
rgb(176,238,249)
-
#adf0fc
#adf0fc
rgb(173,240,252)
Tone Color Variation
Below, you can see how #b7e9f2 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.
Monochromacy
Dichromacy