#b2d8f3 Color Information
In a RGB color space, hex #b2d8f3 is composed of 69.8% red, 84.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 11.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 204.9 degrees, a saturation of 73% and a lightness of 82.5%. #b2d8f3 color hex could be obtained by blending #ffffff with #65b1e7. Closest websafe color is: #99ccff.
-
- R 70
- G 85
- B 95
-
- C 27
- M 11
- Y 0
- K 5
● #b2d8f3 color description : Very soft blue.
#b2d8f3 Color Conversion
The hexadecimal color #b2d8f3 has RGB values of R:178, G:216, B:243 and CMYK values of C:0.27, M:0.11, Y:0, K:0.05. Its decimal value is 11720947.
Hex triplet | b2d8f3 | #b2d8f3 |
---|---|---|
RGB Decimal | 178, 216, 243 | rgb(178,216,243) |
RGB Percent | 69.8, 84.7, 95.3 | rgb(69.8%,84.7%,95.3%) |
CMYK | 27, 11, 0, 5 | |
HSL | 204.9°, 73, 82.5 | hsl(204.9,73%,82.5%) |
HSV (or HSB) | 204.9°, 26.7, 95.3 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 84.507, -6.483, -17.305 |
---|---|
XYZ | 59.09, 65.046, 94.231 |
xyY | 0.271, 0.298, 65.046 |
CIE-LCH | 84.507, 18.479, 249.461 |
CIE-LUV | 84.507, -20.254, -26.355 |
Hunter-Lab | 80.651, -10.359, -12.817 |
Binary | 10110010, 11011000, 11110011 |
Color Schemes with #b2d8f3
Alternatives to #b2d8f3
Below, you can see some colors close to #b2d8f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b2d8f3 Preview
This text has a font color of #b2d8f3.
<span style="color:#b2d8f3;">Text here</span>
This paragraph has a background color of #b2d8f3.
<p style="background-color:#b2d8f3;">Content here</p>
This element has a border color of #b2d8f3.
<div style="border:1px solid #b2d8f3;">Content here</div>
.text {color:#b2d8f3;}
.background {background-color:#b2d8f3;}
.border {border:1px solid #b2d8f3;}
Shades and Tints of #b2d8f3
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, #010508 is the darkest color, while #f6fafe is the lightest one.
-
#010508
#010508
rgb(1,5,8)
-
#041019
#041019
rgb(4,16,25)
-
#071b2a
#071b2a
rgb(7,27,42)
-
#09263b
#09263b
rgb(9,38,59)
-
#0c314c
#0c314c
rgb(12,49,76)
-
#0e3c5d
#0e3c5d
rgb(14,60,93)
-
#11476e
#11476e
rgb(17,71,110)
-
#14527f
#14527f
rgb(20,82,127)
-
#165d90
#165d90
rgb(22,93,144)
-
#1968a1
#1968a1
rgb(25,104,161)
-
#1c73b2
#1c73b2
rgb(28,115,178)
-
#1e7ec3
#1e7ec3
rgb(30,126,195)
-
#2189d4
#2189d4
rgb(33,137,212)
-
#2a93de
#2a93de
rgb(42,147,222)
-
#3b9ce0
#3b9ce0
rgb(59,156,224)
-
#4ca4e3
#4ca4e3
rgb(76,164,227)
-
#5dade6
#5dade6
rgb(93,173,230)
-
#6eb6e8
#6eb6e8
rgb(110,182,232)
-
#7fbeeb
#7fbeeb
rgb(127,190,235)
-
#90c7ee
#90c7ee
rgb(144,199,238)
-
#a1cff0
#a1cff0
rgb(161,207,240)
-
#b2d8f3
#b2d8f3
rgb(178,216,243)
-
#c3e1f6
#c3e1f6
rgb(195,225,246)
-
#d4e9f8
#d4e9f8
rgb(212,233,248)
-
#e5f2fb
#e5f2fb
rgb(229,242,251)
-
#f6fafe
#f6fafe
rgb(246,250,254)
Tones of #b2d8f3
A tone is produced by adding gray to any pure hue. In this case, #d1d3d4 is the less saturated color, while #a8dafd is the most saturated one.
-
#d1d3d4
#d1d3d4
rgb(209,211,212)
-
#cdd3d8
#cdd3d8
rgb(205,211,216)
-
#cad4db
#cad4db
rgb(202,212,219)
-
#c7d5de
#c7d5de
rgb(199,213,222)
-
#c3d5e2
#c3d5e2
rgb(195,213,226)
-
#c0d6e5
#c0d6e5
rgb(192,214,229)
-
#bcd6e9
#bcd6e9
rgb(188,214,233)
-
#b9d7ec
#b9d7ec
rgb(185,215,236)
-
#b5d7f0
#b5d7f0
rgb(181,215,240)
-
#b2d8f3
#b2d8f3
rgb(178,216,243)
-
#afd9f6
#afd9f6
rgb(175,217,246)
-
#abd9fa
#abd9fa
rgb(171,217,250)
-
#a8dafd
#a8dafd
rgb(168,218,253)
Color Blindness Simulator
Below, you can see how #b2d8f3 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.