#b4d8f4 Color Information
In a RGB color space, hex #b4d8f4 is composed of 70.6% red, 84.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 11.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 206.3 degrees, a saturation of 74.4% and a lightness of 83.1%. #b4d8f4 color hex could be obtained by blending #ffffff with #69b1e9. Closest websafe color is: #ccccff.
-
- R 71
- G 85
- B 96
-
- C 26
- M 11
- Y 0
- K 4
● #b4d8f4 color description : Very soft blue.
#b4d8f4 Color Conversion
The hexadecimal color #b4d8f4 has RGB values of R:180, G:216, B:244 and CMYK values of C:0.26, M:0.11, Y:0, K:0.04. Its decimal value is 11852020.
Hex triplet | b4d8f4 | #b4d8f4 |
---|---|---|
RGB Decimal | 180, 216, 244 | rgb(180,216,244) |
RGB Percent | 70.6, 84.7, 95.7 | rgb(70.6%,84.7%,95.7%) |
CMYK | 26, 11, 0, 4 | |
HSL | 206.3°, 74.4, 83.1 | hsl(206.3,74.4%,83.1%) |
HSV (or HSB) | 206.3°, 26.2, 95.7 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 84.661, -5.674, -17.59 |
---|---|
XYZ | 59.704, 65.345, 95.05 |
xyY | 0.271, 0.297, 65.345 |
CIE-LCH | 84.661, 18.483, 252.123 |
CIE-LUV | 84.661, -19.377, -26.957 |
Hunter-Lab | 80.836, -9.628, -13.13 |
Binary | 10110100, 11011000, 11110100 |
Color Schemes with #b4d8f4
Alternatives to #b4d8f4
Below, you can see some colors close to #b4d8f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b4d8f4 Preview
This text has a font color of #b4d8f4.
<span style="color:#b4d8f4;">Text here</span>
This paragraph has a background color of #b4d8f4.
<p style="background-color:#b4d8f4;">Content here</p>
This element has a border color of #b4d8f4.
<div style="border:1px solid #b4d8f4;">Content here</div>
.text {color:#b4d8f4;}
.background {background-color:#b4d8f4;}
.border {border:1px solid #b4d8f4;}
Shades and Tints of #b4d8f4
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, #02070b is the darkest color, while #f8fcfe is the lightest one.
-
#02070b
#02070b
rgb(2,7,11)
-
#04111c
#04111c
rgb(4,17,28)
-
#071c2d
#071c2d
rgb(7,28,45)
-
#09273e
#09273e
rgb(9,39,62)
-
#0c314f
#0c314f
rgb(12,49,79)
-
#0e3c60
#0e3c60
rgb(14,60,96)
-
#114771
#114771
rgb(17,71,113)
-
#135282
#135282
rgb(19,82,130)
-
#165c93
#165c93
rgb(22,92,147)
-
#1867a4
#1867a4
rgb(24,103,164)
-
#1b72b6
#1b72b6
rgb(27,114,182)
-
#1d7dc7
#1d7dc7
rgb(29,125,199)
-
#2087d8
#2087d8
rgb(32,135,216)
-
#2b91e0
#2b91e0
rgb(43,145,224)
-
#3c9ae2
#3c9ae2
rgb(60,154,226)
-
#4da3e5
#4da3e5
rgb(77,163,229)
-
#5eace7
#5eace7
rgb(94,172,231)
-
#70b4ea
#70b4ea
rgb(112,180,234)
-
#81bdec
#81bdec
rgb(129,189,236)
-
#92c6ef
#92c6ef
rgb(146,198,239)
-
#a3cff1
#a3cff1
rgb(163,207,241)
-
#b4d8f4
#b4d8f4
rgb(180,216,244)
-
#c5e1f7
#c5e1f7
rgb(197,225,247)
-
#d6eaf9
#d6eaf9
rgb(214,234,249)
-
#e7f3fc
#e7f3fc
rgb(231,243,252)
-
#f8fcfe
#f8fcfe
rgb(248,252,254)
Tones of #b4d8f4
A tone is produced by adding gray to any pure hue. In this case, #d2d4d6 is the less saturated color, while #aad9fe is the most saturated one.
-
#d2d4d6
#d2d4d6
rgb(210,212,214)
-
#ced5da
#ced5da
rgb(206,213,218)
-
#cbd5dd
#cbd5dd
rgb(203,213,221)
-
#c8d6e0
#c8d6e0
rgb(200,214,224)
-
#c5d6e3
#c5d6e3
rgb(197,214,227)
-
#c1d6e7
#c1d6e7
rgb(193,214,231)
-
#bed7ea
#bed7ea
rgb(190,215,234)
-
#bbd7ed
#bbd7ed
rgb(187,215,237)
-
#b7d8f1
#b7d8f1
rgb(183,216,241)
-
#b4d8f4
#b4d8f4
rgb(180,216,244)
-
#b1d8f7
#b1d8f7
rgb(177,216,247)
-
#add9fb
#add9fb
rgb(173,217,251)
-
#aad9fe
#aad9fe
rgb(170,217,254)
Color Blindness Simulator
Below, you can see how #b4d8f4 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.