#b1d3f3 Color Information
In a RGB color space, hex #b1d3f3 is composed of 69.4% red, 82.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 27.2% cyan, 13.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 209.1 degrees, a saturation of 73.3% and a lightness of 82.4%. #b1d3f3 color hex could be obtained by blending #ffffff with #63a7e7. Closest websafe color is: #99ccff.
-
- R 69
- G 83
- B 95
-
- C 27
- M 13
- Y 0
- K 5
● #b1d3f3 color description : Very soft blue.
#b1d3f3 Color Conversion
The hexadecimal color #b1d3f3 has RGB values of R:177, G:211, B:243 and CMYK values of C:0.27, M:0.13, Y:0, K:0.05. Its decimal value is 11654131.
Hex triplet | b1d3f3 | #b1d3f3 |
---|---|---|
RGB Decimal | 177, 211, 243 | rgb(177,211,243) |
RGB Percent | 69.4, 82.7, 95.3 | rgb(69.4%,82.7%,95.3%) |
CMYK | 27, 13, 0, 5 | |
HSL | 209.1°, 73.3, 82.4 | hsl(209.1,73.3%,82.4%) |
HSV (or HSB) | 209.1°, 27.2, 95.3 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 83.128, -4.157, -19.391 |
---|---|
XYZ | 57.6, 62.405, 93.8 |
xyY | 0.269, 0.292, 62.405 |
CIE-LCH | 83.128, 19.832, 257.901 |
CIE-LUV | 83.128, -18.528, -30.103 |
Hunter-Lab | 78.997, -8.093, -15.102 |
Binary | 10110001, 11010011, 11110011 |
Color Schemes with #b1d3f3
Alternatives to #b1d3f3
Below, you can see some colors close to #b1d3f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b1d3f3 Preview
This text has a font color of #b1d3f3.
<span style="color:#b1d3f3;">Text here</span>
This paragraph has a background color of #b1d3f3.
<p style="background-color:#b1d3f3;">Content here</p>
This element has a border color of #b1d3f3.
<div style="border:1px solid #b1d3f3;">Content here</div>
.text {color:#b1d3f3;}
.background {background-color:#b1d3f3;}
.border {border:1px solid #b1d3f3;}
Shades and Tints of #b1d3f3
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 #f5f9fd is the lightest one.
-
#010407
#010407
rgb(1,4,7)
-
#040e18
#040e18
rgb(4,14,24)
-
#061829
#061829
rgb(6,24,41)
-
#09223a
#09223a
rgb(9,34,58)
-
#0c2c4b
#0c2c4b
rgb(12,44,75)
-
#0e365c
#0e365c
rgb(14,54,92)
-
#11406d
#11406d
rgb(17,64,109)
-
#134a7e
#134a7e
rgb(19,74,126)
-
#16548f
#16548f
rgb(22,84,143)
-
#195ea0
#195ea0
rgb(25,94,160)
-
#1b68b1
#1b68b1
rgb(27,104,177)
-
#1e72c2
#1e72c2
rgb(30,114,194)
-
#207cd3
#207cd3
rgb(32,124,211)
-
#2986de
#2986de
rgb(41,134,222)
-
#3a90e1
#3a90e1
rgb(58,144,225)
-
#4b99e3
#4b99e3
rgb(75,153,227)
-
#5ca3e6
#5ca3e6
rgb(92,163,230)
-
#6dade9
#6dade9
rgb(109,173,233)
-
#7eb6eb
#7eb6eb
rgb(126,182,235)
-
#8fc0ee
#8fc0ee
rgb(143,192,238)
-
#a0c9f0
#a0c9f0
rgb(160,201,240)
-
#b1d3f3
#b1d3f3
rgb(177,211,243)
-
#c2ddf6
#c2ddf6
rgb(194,221,246)
-
#d3e6f8
#d3e6f8
rgb(211,230,248)
-
#e4f0fb
#e4f0fb
rgb(228,240,251)
-
#f5f9fd
#f5f9fd
rgb(245,249,253)
Tones of #b1d3f3
A tone is produced by adding gray to any pure hue. In this case, #d0d2d4 is the less saturated color, while #a7d3fd is the most saturated one.
-
#d0d2d4
#d0d2d4
rgb(208,210,212)
-
#cdd2d7
#cdd2d7
rgb(205,210,215)
-
#c9d2db
#c9d2db
rgb(201,210,219)
-
#c6d2de
#c6d2de
rgb(198,210,222)
-
#c2d2e2
#c2d2e2
rgb(194,210,226)
-
#bfd3e5
#bfd3e5
rgb(191,211,229)
-
#bbd3e9
#bbd3e9
rgb(187,211,233)
-
#b8d3ec
#b8d3ec
rgb(184,211,236)
-
#b4d3f0
#b4d3f0
rgb(180,211,240)
-
#b1d3f3
#b1d3f3
rgb(177,211,243)
-
#aed3f6
#aed3f6
rgb(174,211,246)
-
#aad3fa
#aad3fa
rgb(170,211,250)
-
#a7d3fd
#a7d3fd
rgb(167,211,253)
Color Blindness Simulator
Below, you can see how #b1d3f3 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.