#bdd4dc Color Information
In a RGB color space, hex #bdd4dc is composed of 74.1% red, 83.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 14.1% cyan, 3.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 195.5 degrees, a saturation of 30.7% and a lightness of 80.2%. #bdd4dc color hex could be obtained by blending #ffffff with #7ba9b9. Closest websafe color is: #cccccc.
-
- R 74
- G 83
- B 86
-
- C 14
- M 4
- Y 0
- K 14
● #bdd4dc color description : Light grayish blue.
#bdd4dc Color Conversion
The hexadecimal color #bdd4dc has RGB values of R:189, G:212, B:220 and CMYK values of C:0.14, M:0.04, Y:0, K:0.14. Its decimal value is 12440796.
Hex triplet | bdd4dc | #bdd4dc |
---|---|---|
RGB Decimal | 189, 212, 220 | rgb(189,212,220) |
RGB Percent | 74.1, 83.1, 86.3 | rgb(74.1%,83.1%,86.3%) |
CMYK | 14, 4, 0, 14 | |
HSL | 195.5°, 30.7, 80.2 | hsl(195.5,30.7%,80.2%) |
HSV (or HSB) | 195.5°, 14.1, 86.3 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 83.48, -6.053, -6.555 |
---|---|
XYZ | 57.445, 63.072, 76.854 |
xyY | 0.291, 0.32, 63.072 |
CIE-LCH | 83.48, 8.922, 227.284 |
CIE-LUV | 83.48, -12.638, -9.075 |
Hunter-Lab | 79.418, -9.867, -1.783 |
Binary | 10111101, 11010100, 11011100 |
Color Schemes with #bdd4dc
Alternatives to #bdd4dc
Below, you can see some colors close to #bdd4dc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bdd4dc Preview
This text has a font color of #bdd4dc.
<span style="color:#bdd4dc;">Text here</span>
This paragraph has a background color of #bdd4dc.
<p style="background-color:#bdd4dc;">Content here</p>
This element has a border color of #bdd4dc.
<div style="border:1px solid #bdd4dc;">Content here</div>
.text {color:#bdd4dc;}
.background {background-color:#bdd4dc;}
.border {border:1px solid #bdd4dc;}
Shades and Tints of #bdd4dc
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, #060a0b is the darkest color, while #fdfefe is the lightest one.
-
#060a0b
#060a0b
rgb(6,10,11)
-
#0d1518
#0d1518
rgb(13,21,24)
-
#132025
#132025
rgb(19,32,37)
-
#1a2b31
#1a2b31
rgb(26,43,49)
-
#21373e
#21373e
rgb(33,55,62)
-
#28424b
#28424b
rgb(40,66,75)
-
#2f4d58
#2f4d58
rgb(47,77,88)
-
#355865
#355865
rgb(53,88,101)
-
#3c6471
#3c6471
rgb(60,100,113)
-
#436f7e
#436f7e
rgb(67,111,126)
-
#4a7a8b
#4a7a8b
rgb(74,122,139)
-
#518598
#518598
rgb(81,133,152)
-
#5791a5
#5791a5
rgb(87,145,165)
-
#639aac
#639aac
rgb(99,154,172)
-
#70a2b3
#70a2b3
rgb(112,162,179)
-
#7daaba
#7daaba
rgb(125,170,186)
-
#8ab3c1
#8ab3c1
rgb(138,179,193)
-
#97bbc8
#97bbc8
rgb(151,187,200)
-
#a3c3ce
#a3c3ce
rgb(163,195,206)
-
#b0ccd5
#b0ccd5
rgb(176,204,213)
-
#bdd4dc
#bdd4dc
rgb(189,212,220)
-
#cadce3
#cadce3
rgb(202,220,227)
-
#d7e5ea
#d7e5ea
rgb(215,229,234)
-
#e3edf0
#e3edf0
rgb(227,237,240)
-
#f0f5f7
#f0f5f7
rgb(240,245,247)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #bdd4dc
A tone is produced by adding gray to any pure hue. In this case, #c9ced0 is the less saturated color, while #9ae5ff is the most saturated one.
-
#c9ced0
#c9ced0
rgb(201,206,208)
-
#c5d0d4
#c5d0d4
rgb(197,208,212)
-
#c1d2d8
#c1d2d8
rgb(193,210,216)
-
#bdd4dc
#bdd4dc
rgb(189,212,220)
-
#b9d6e0
#b9d6e0
rgb(185,214,224)
-
#b5d8e4
#b5d8e4
rgb(181,216,228)
-
#b1dae8
#b1dae8
rgb(177,218,232)
-
#addcec
#addcec
rgb(173,220,236)
-
#aaddef
#aaddef
rgb(170,221,239)
-
#a6dff3
#a6dff3
rgb(166,223,243)
-
#a2e1f7
#a2e1f7
rgb(162,225,247)
-
#9ee3fb
#9ee3fb
rgb(158,227,251)
-
#9ae5ff
#9ae5ff
rgb(154,229,255)
Color Blindness Simulator
Below, you can see how #bdd4dc 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.