#b2bddd Color Information
In a RGB color space, hex #b2bddd is composed of 69.8% red, 74.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 19.5% cyan, 14.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 224.7 degrees, a saturation of 38.7% and a lightness of 78.2%. #b2bddd color hex could be obtained by blending #ffffff with #657bbb. Closest websafe color is: #99cccc.
-
- R 70
- G 74
- B 87
-
- C 19
- M 14
- Y 0
- K 13
● #b2bddd color description : Light grayish blue.
#b2bddd Color Conversion
The hexadecimal color #b2bddd has RGB values of R:178, G:189, B:221 and CMYK values of C:0.19, M:0.14, Y:0, K:0.13. Its decimal value is 11714013.
Hex triplet | b2bddd | #b2bddd |
---|---|---|
RGB Decimal | 178, 189, 221 | rgb(178,189,221) |
RGB Percent | 69.8, 74.1, 86.7 | rgb(69.8%,74.1%,86.7%) |
CMYK | 19, 14, 0, 13 | |
HSL | 224.7°, 38.7, 78.2 | hsl(224.7,38.7%,78.2%) |
HSV (or HSB) | 224.7°, 19.5, 86.7 | |
Web Safe | 99cccc | #99cccc |
CIE-LAB | 76.727, 2.878, -17.263 |
---|---|
XYZ | 49.606, 51.08, 75.649 |
xyY | 0.281, 0.29, 51.08 |
CIE-LCH | 76.727, 17.501, 279.465 |
CIE-LUV | 76.727, -7.531, -27.395 |
Hunter-Lab | 71.47, -1.179, -12.727 |
Binary | 10110010, 10111101, 11011101 |
Color Schemes with #b2bddd
Alternatives to #b2bddd
Below, you can see some colors close to #b2bddd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b2bddd Preview
This text has a font color of #b2bddd.
<span style="color:#b2bddd;">Text here</span>
This paragraph has a background color of #b2bddd.
<p style="background-color:#b2bddd;">Content here</p>
This element has a border color of #b2bddd.
<div style="border:1px solid #b2bddd;">Content here</div>
.text {color:#b2bddd;}
.background {background-color:#b2bddd;}
.border {border:1px solid #b2bddd;}
Shades and Tints of #b2bddd
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, #020305 is the darkest color, while #f6f7fb is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#080b12
#080b12
rgb(8,11,18)
-
#0e1320
#0e1320
rgb(14,19,32)
-
#141b2d
#141b2d
rgb(20,27,45)
-
#1a233b
#1a233b
rgb(26,35,59)
-
#202a49
#202a49
rgb(32,42,73)
-
#263256
#263256
rgb(38,50,86)
-
#2c3a64
#2c3a64
rgb(44,58,100)
-
#324271
#324271
rgb(50,66,113)
-
#384a7f
#384a7f
rgb(56,74,127)
-
#3e528d
#3e528d
rgb(62,82,141)
-
#445a9a
#445a9a
rgb(68,90,154)
-
#4a62a8
#4a62a8
rgb(74,98,168)
-
#536bb3
#536bb3
rgb(83,107,179)
-
#6077b9
#6077b9
rgb(96,119,185)
-
#6e83bf
#6e83bf
rgb(110,131,191)
-
#7c8ec5
#7c8ec5
rgb(124,142,197)
-
#899acb
#899acb
rgb(137,154,203)
-
#97a6d1
#97a6d1
rgb(151,166,209)
-
#a4b1d7
#a4b1d7
rgb(164,177,215)
-
#b2bddd
#b2bddd
rgb(178,189,221)
-
#c0c9e3
#c0c9e3
rgb(192,201,227)
-
#cdd4e9
#cdd4e9
rgb(205,212,233)
-
#dbe0ef
#dbe0ef
rgb(219,224,239)
-
#e8ecf5
#e8ecf5
rgb(232,236,245)
-
#f6f7fb
#f6f7fb
rgb(246,247,251)
Tones of #b2bddd
A tone is produced by adding gray to any pure hue. In this case, #c7c7c8 is the less saturated color, while #94aefb is the most saturated one.
-
#c7c7c8
#c7c7c8
rgb(199,199,200)
-
#c3c5cc
#c3c5cc
rgb(195,197,204)
-
#bfc3d0
#bfc3d0
rgb(191,195,208)
-
#bbc1d4
#bbc1d4
rgb(187,193,212)
-
#b6bfd9
#b6bfd9
rgb(182,191,217)
-
#b2bddd
#b2bddd
rgb(178,189,221)
-
#aebbe1
#aebbe1
rgb(174,187,225)
-
#a9b9e6
#a9b9e6
rgb(169,185,230)
-
#a5b7ea
#a5b7ea
rgb(165,183,234)
-
#a1b5ee
#a1b5ee
rgb(161,181,238)
-
#9db3f2
#9db3f2
rgb(157,179,242)
-
#98b0f7
#98b0f7
rgb(152,176,247)
-
#94aefb
#94aefb
rgb(148,174,251)
Color Blindness Simulator
Below, you can see how #b2bddd 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.