#b1d6f3 Color Information
In a RGB color space, hex #b1d6f3 is composed of 69.4% red, 83.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 27.2% cyan, 11.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 206.4 degrees, a saturation of 73.3% and a lightness of 82.4%. #b1d6f3 color hex could be obtained by blending #ffffff with #63ade7. Closest websafe color is: #99ccff.
-
- R 69
- G 84
- B 95
-
- C 27
- M 12
- Y 0
- K 5
● #b1d6f3 color description : Very soft blue.
#b1d6f3 Color Conversion
The hexadecimal color #b1d6f3 has RGB values of R:177, G:214, B:243 and CMYK values of C:0.27, M:0.12, Y:0, K:0.05. Its decimal value is 11654899.
Hex triplet | b1d6f3 | #b1d6f3 |
---|---|---|
RGB Decimal | 177, 214, 243 | rgb(177,214,243) |
RGB Percent | 69.4, 83.9, 95.3 | rgb(69.4%,83.9%,95.3%) |
CMYK | 27, 12, 0, 5 | |
HSL | 206.4°, 73.3, 82.4 | hsl(206.4,73.3%,82.4%) |
HSV (or HSB) | 206.4°, 27.2, 95.3 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 83.919, -5.729, -18.198 |
---|---|
XYZ | 58.352, 63.91, 94.05 |
xyY | 0.27, 0.295, 63.91 |
CIE-LCH | 83.919, 19.079, 252.524 |
CIE-LUV | 83.919, -19.83, -27.922 |
Hunter-Lab | 79.944, -9.611, -13.792 |
Binary | 10110001, 11010110, 11110011 |
Color Schemes with #b1d6f3
Alternatives to #b1d6f3
Below, you can see some colors close to #b1d6f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b1d6f3 Preview
This text has a font color of #b1d6f3.
<span style="color:#b1d6f3;">Text here</span>
This paragraph has a background color of #b1d6f3.
<p style="background-color:#b1d6f3;">Content here</p>
This element has a border color of #b1d6f3.
<div style="border:1px solid #b1d6f3;">Content here</div>
.text {color:#b1d6f3;}
.background {background-color:#b1d6f3;}
.border {border:1px solid #b1d6f3;}
Shades and Tints of #b1d6f3
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, #010407 is the darkest color, while #f5fafd is the lightest one.
-
#010407
#010407
rgb(1,4,7)
-
#040f18
#040f18
rgb(4,15,24)
-
#061a29
#061a29
rgb(6,26,41)
-
#09243a
#09243a
rgb(9,36,58)
-
#0c2f4b
#0c2f4b
rgb(12,47,75)
-
#0e3a5c
#0e3a5c
rgb(14,58,92)
-
#11446d
#11446d
rgb(17,68,109)
-
#134f7e
#134f7e
rgb(19,79,126)
-
#165a8f
#165a8f
rgb(22,90,143)
-
#1965a0
#1965a0
rgb(25,101,160)
-
#1b6fb1
#1b6fb1
rgb(27,111,177)
-
#1e7ac2
#1e7ac2
rgb(30,122,194)
-
#2085d3
#2085d3
rgb(32,133,211)
-
#298fde
#298fde
rgb(41,143,222)
-
#3a97e1
#3a97e1
rgb(58,151,225)
-
#4ba0e3
#4ba0e3
rgb(75,160,227)
-
#5ca9e6
#5ca9e6
rgb(92,169,230)
-
#6db2e9
#6db2e9
rgb(109,178,233)
-
#7ebbeb
#7ebbeb
rgb(126,187,235)
-
#8fc4ee
#8fc4ee
rgb(143,196,238)
-
#a0cdf0
#a0cdf0
rgb(160,205,240)
-
#b1d6f3
#b1d6f3
rgb(177,214,243)
-
#c2dff6
#c2dff6
rgb(194,223,246)
-
#d3e8f8
#d3e8f8
rgb(211,232,248)
-
#e4f1fb
#e4f1fb
rgb(228,241,251)
-
#f5fafd
#f5fafd
rgb(245,250,253)
Tones of #b1d6f3
A tone is produced by adding gray to any pure hue. In this case, #d0d2d4 is the less saturated color, while #a7d7fd is the most saturated one.
-
#d0d2d4
#d0d2d4
rgb(208,210,212)
-
#cdd3d7
#cdd3d7
rgb(205,211,215)
-
#c9d3db
#c9d3db
rgb(201,211,219)
-
#c6d3de
#c6d3de
rgb(198,211,222)
-
#c2d4e2
#c2d4e2
rgb(194,212,226)
-
#bfd4e5
#bfd4e5
rgb(191,212,229)
-
#bbd5e9
#bbd5e9
rgb(187,213,233)
-
#b8d5ec
#b8d5ec
rgb(184,213,236)
-
#b4d6f0
#b4d6f0
rgb(180,214,240)
-
#b1d6f3
#b1d6f3
rgb(177,214,243)
-
#aed6f6
#aed6f6
rgb(174,214,246)
-
#aad7fa
#aad7fa
rgb(170,215,250)
-
#a7d7fd
#a7d7fd
rgb(167,215,253)
Color Blindness Simulator
Below, you can see how #b1d6f3 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.