#b4d2dc Color Information
In a RGB color space, hex #b4d2dc is composed of 70.6% red, 82.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 4.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 195 degrees, a saturation of 36.4% and a lightness of 78.4%. #b4d2dc color hex could be obtained by blending #ffffff with #69a5b9. Closest websafe color is: #cccccc.
-
- R 71
- G 82
- B 86
-
- C 18
- M 5
- Y 0
- K 14
● #b4d2dc color description : Light grayish blue.
#b4d2dc Color Conversion
The hexadecimal color #b4d2dc has RGB values of R:180, G:210, B:220 and CMYK values of C:0.18, M:0.05, Y:0, K:0.14. Its decimal value is 11850460.
Hex triplet | b4d2dc | #b4d2dc |
---|---|---|
RGB Decimal | 180, 210, 220 | rgb(180,210,220) |
RGB Percent | 70.6, 82.4, 86.3 | rgb(70.6%,82.4%,86.3%) |
CMYK | 18, 5, 0, 14 | |
HSL | 195°, 36.4, 78.4 | hsl(195,36.4%,78.4%) |
HSV (or HSB) | 195°, 18.2, 86.3 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 82.359, -7.848, -8.283 |
---|---|
XYZ | 54.784, 60.963, 76.587 |
xyY | 0.285, 0.317, 60.963 |
CIE-LCH | 82.359, 11.411, 226.543 |
CIE-LUV | 82.359, -16.135, -11.487 |
Hunter-Lab | 78.079, -11.392, -3.502 |
Binary | 10110100, 11010010, 11011100 |
Color Schemes with #b4d2dc
Alternatives to #b4d2dc
Below, you can see some colors close to #b4d2dc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b4d2dc Preview
This text has a font color of #b4d2dc.
<span style="color:#b4d2dc;">Text here</span>
This paragraph has a background color of #b4d2dc.
<p style="background-color:#b4d2dc;">Content here</p>
This element has a border color of #b4d2dc.
<div style="border:1px solid #b4d2dc;">Content here</div>
.text {color:#b4d2dc;}
.background {background-color:#b4d2dc;}
.border {border:1px solid #b4d2dc;}
Shades and Tints of #b4d2dc
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, #020505 is the darkest color, while #f7fafb is the lightest one.
-
#020505
#020505
rgb(2,5,5)
-
#091013
#091013
rgb(9,16,19)
-
#0f1c20
#0f1c20
rgb(15,28,32)
-
#15272d
#15272d
rgb(21,39,45)
-
#1b333b
#1b333b
rgb(27,51,59)
-
#223f48
#223f48
rgb(34,63,72)
-
#284a55
#284a55
rgb(40,74,85)
-
#2e5663
#2e5663
rgb(46,86,99)
-
#346170
#346170
rgb(52,97,112)
-
#3b6d7e
#3b6d7e
rgb(59,109,126)
-
#41788b
#41788b
rgb(65,120,139)
-
#478498
#478498
rgb(71,132,152)
-
#4d90a6
#4d90a6
rgb(77,144,166)
-
#569ab0
#569ab0
rgb(86,154,176)
-
#64a2b7
#64a2b7
rgb(100,162,183)
-
#71aabd
#71aabd
rgb(113,170,189)
-
#7fb2c3
#7fb2c3
rgb(127,178,195)
-
#8cbac9
#8cbac9
rgb(140,186,201)
-
#99c2d0
#99c2d0
rgb(153,194,208)
-
#a7cad6
#a7cad6
rgb(167,202,214)
-
#b4d2dc
#b4d2dc
rgb(180,210,220)
-
#c1dae2
#c1dae2
rgb(193,218,226)
-
#cfe2e8
#cfe2e8
rgb(207,226,232)
-
#dceaef
#dceaef
rgb(220,234,239)
-
#e9f2f5
#e9f2f5
rgb(233,242,245)
-
#f7fafb
#f7fafb
rgb(247,250,251)
Tones of #b4d2dc
A tone is produced by adding gray to any pure hue. In this case, #c5cacb is the less saturated color, while #92e3fe is the most saturated one.
-
#c5cacb
#c5cacb
rgb(197,202,203)
-
#c1cccf
#c1cccf
rgb(193,204,207)
-
#bcced4
#bcced4
rgb(188,206,212)
-
#b8d0d8
#b8d0d8
rgb(184,208,216)
-
#b4d2dc
#b4d2dc
rgb(180,210,220)
-
#b0d4e0
#b0d4e0
rgb(176,212,224)
-
#acd6e4
#acd6e4
rgb(172,214,228)
-
#a7d8e9
#a7d8e9
rgb(167,216,233)
-
#a3daed
#a3daed
rgb(163,218,237)
-
#9fddf1
#9fddf1
rgb(159,221,241)
-
#9bdff5
#9bdff5
rgb(155,223,245)
-
#96e1fa
#96e1fa
rgb(150,225,250)
-
#92e3fe
#92e3fe
rgb(146,227,254)
Color Blindness Simulator
Below, you can see how #b4d2dc 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.