#b4d7f8 Color Information
In a RGB color space, hex #b4d7f8 is composed of 70.6% red, 84.3% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 27.4% cyan, 13.3% magenta, 0% yellow and 2.7% black. It has a hue angle of 209.1 degrees, a saturation of 82.9% and a lightness of 83.9%. #b4d7f8 color hex could be obtained by blending #ffffff with #69aff1. Closest websafe color is: #ccccff.
-
- R 71
- G 84
- B 97
-
- C 27
- M 13
- Y 0
- K 3
● #b4d7f8 color description : Very soft blue.
#b4d7f8 Color Conversion
The hexadecimal color #b4d7f8 has RGB values of R:180, G:215, B:248 and CMYK values of C:0.27, M:0.13, Y:0, K:0.03. Its decimal value is 11851768.
Hex triplet | b4d7f8 | #b4d7f8 |
---|---|---|
RGB Decimal | 180, 215, 248 | rgb(180,215,248) |
RGB Percent | 70.6, 84.3, 97.3 | rgb(70.6%,84.3%,97.3%) |
CMYK | 27, 13, 0, 3 | |
HSL | 209.1°, 82.9, 83.9 | hsl(209.1,82.9%,83.9%) |
HSV (or HSB) | 209.1°, 27.4, 97.3 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 84.525, -4.23, -19.913 |
---|---|
XYZ | 60.062, 65.08, 98.199 |
xyY | 0.269, 0.291, 65.08 |
CIE-LCH | 84.525, 20.358, 258.007 |
CIE-LUV | 84.525, -19.029, -31.02 |
Hunter-Lab | 80.672, -8.278, -15.701 |
Binary | 10110100, 11010111, 11111000 |
Color Schemes with #b4d7f8
Alternatives to #b4d7f8
Below, you can see some colors close to #b4d7f8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b4d7f8 Preview
This text has a font color of #b4d7f8.
<span style="color:#b4d7f8;">Text here</span>
This paragraph has a background color of #b4d7f8.
<p style="background-color:#b4d7f8;">Content here</p>
This element has a border color of #b4d7f8.
<div style="border:1px solid #b4d7f8;">Content here</div>
.text {color:#b4d7f8;}
.background {background-color:#b4d7f8;}
.border {border:1px solid #b4d7f8;}
Shades and Tints of #b4d7f8
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, #01080f is the darkest color, while #fcfdff is the lightest one.
-
#01080f
#01080f
rgb(1,8,15)
-
#031221
#031221
rgb(3,18,33)
-
#051c33
#051c33
rgb(5,28,51)
-
#062645
#062645
rgb(6,38,69)
-
#083056
#083056
rgb(8,48,86)
-
#0a3a68
#0a3a68
rgb(10,58,104)
-
#0b457a
#0b457a
rgb(11,69,122)
-
#0d4f8c
#0d4f8c
rgb(13,79,140)
-
#0f599e
#0f599e
rgb(15,89,158)
-
#1063b0
#1063b0
rgb(16,99,176)
-
#126dc2
#126dc2
rgb(18,109,194)
-
#1477d4
#1477d4
rgb(20,119,212)
-
#1581e6
#1581e6
rgb(21,129,230)
-
#248aeb
#248aeb
rgb(36,138,235)
-
#3694ec
#3694ec
rgb(54,148,236)
-
#489eee
#489eee
rgb(72,158,238)
-
#5aa7f0
#5aa7f0
rgb(90,167,240)
-
#6cb1f1
#6cb1f1
rgb(108,177,241)
-
#7ebaf3
#7ebaf3
rgb(126,186,243)
-
#90c4f5
#90c4f5
rgb(144,196,245)
-
#a2cdf6
#a2cdf6
rgb(162,205,246)
-
#b4d7f8
#b4d7f8
rgb(180,215,248)
-
#c6e1fa
#c6e1fa
rgb(198,225,250)
-
#d8eafb
#d8eafb
rgb(216,234,251)
-
#eaf4fd
#eaf4fd
rgb(234,244,253)
-
#fcfdff
#fcfdff
rgb(252,253,255)
Tones of #b4d7f8
A tone is produced by adding gray to any pure hue. In this case, #d4d6d8 is the less saturated color, while #aed7fe is the most saturated one.
-
#d4d6d8
#d4d6d8
rgb(212,214,216)
-
#d0d6dc
#d0d6dc
rgb(208,214,220)
-
#cdd6df
#cdd6df
rgb(205,214,223)
-
#cad6e2
#cad6e2
rgb(202,214,226)
-
#c7d6e5
#c7d6e5
rgb(199,214,229)
-
#c4d7e8
#c4d7e8
rgb(196,215,232)
-
#c1d7eb
#c1d7eb
rgb(193,215,235)
-
#bdd7ef
#bdd7ef
rgb(189,215,239)
-
#bad7f2
#bad7f2
rgb(186,215,242)
-
#b7d7f5
#b7d7f5
rgb(183,215,245)
-
#b4d7f8
#b4d7f8
rgb(180,215,248)
-
#b1d7fb
#b1d7fb
rgb(177,215,251)
-
#aed7fe
#aed7fe
rgb(174,215,254)
Color Blindness Simulator
Below, you can see how #b4d7f8 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.