#b2bec3 Color Information
In a RGB color space, hex #b2bec3 is composed of 69.8% red, 74.5% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 8.7% cyan, 2.6% magenta, 0% yellow and 23.5% black. It has a hue angle of 197.6 degrees, a saturation of 12.4% and a lightness of 73.1%. #b2bec3 color hex could be obtained by blending #ffffff with #657d87. Closest websafe color is: #99cccc.
-
- R 70
- G 75
- B 76
-
- C 9
- M 3
- Y 0
- K 24
● #b2bec3 color description : Grayish blue.
#b2bec3 Color Conversion
The hexadecimal color #b2bec3 has RGB values of R:178, G:190, B:195 and CMYK values of C:0.09, M:0.03, Y:0, K:0.24. Its decimal value is 11714243.
Hex triplet | b2bec3 | #b2bec3 |
---|---|---|
RGB Decimal | 178, 190, 195 | rgb(178,190,195) |
RGB Percent | 69.8, 74.5, 76.5 | rgb(69.8%,74.5%,76.5%) |
CMYK | 9, 3, 0, 24 | |
HSL | 197.6°, 12.4, 73.1 | hsl(197.6,12.4%,73.1%) |
HSV (or HSB) | 197.6°, 8.7, 76.5 | |
Web Safe | 99cccc | #99cccc |
CIE-LAB | 76.211, -3.137, -3.944 |
---|---|
XYZ | 46.622, 50.232, 58.866 |
xyY | 0.299, 0.323, 50.232 |
CIE-LCH | 76.211, 5.04, 231.501 |
CIE-LUV | 76.211, -6.838, -5.414 |
Hunter-Lab | 70.874, -6.611, 0.367 |
Binary | 10110010, 10111110, 11000011 |
Color Schemes with #b2bec3
Alternatives to #b2bec3
Below, you can see some colors close to #b2bec3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b2bec3 Preview
This text has a font color of #b2bec3.
<span style="color:#b2bec3;">Text here</span>
This paragraph has a background color of #b2bec3.
<p style="background-color:#b2bec3;">Content here</p>
This element has a border color of #b2bec3.
<div style="border:1px solid #b2bec3;">Content here</div>
.text {color:#b2bec3;}
.background {background-color:#b2bec3;}
.border {border:1px solid #b2bec3;}
Shades and Tints of #b2bec3
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, #000000 is the darkest color, while #f4f6f7 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#090a0b
#090a0b
rgb(9,10,11)
-
#111516
#111516
rgb(17,21,22)
-
#1a1f21
#1a1f21
rgb(26,31,33)
-
#22292c
#22292c
rgb(34,41,44)
-
#2b3437
#2b3437
rgb(43,52,55)
-
#343e42
#343e42
rgb(52,62,66)
-
#3c484d
#3c484d
rgb(60,72,77)
-
#455358
#455358
rgb(69,83,88)
-
#4d5d63
#4d5d63
rgb(77,93,99)
-
#56676e
#56676e
rgb(86,103,110)
-
#5f7279
#5f7279
rgb(95,114,121)
-
#677c84
#677c84
rgb(103,124,132)
-
#70868f
#70868f
rgb(112,134,143)
-
#7b8f98
#7b8f98
rgb(123,143,152)
-
#8699a1
#8699a1
rgb(134,153,161)
-
#91a2a9
#91a2a9
rgb(145,162,169)
-
#9cabb2
#9cabb2
rgb(156,171,178)
-
#a7b5ba
#a7b5ba
rgb(167,181,186)
-
#b2bec3
#b2bec3
rgb(178,190,195)
-
#bdc7cc
#bdc7cc
rgb(189,199,204)
-
#c8d1d4
#c8d1d4
rgb(200,209,212)
-
#d3dadd
#d3dadd
rgb(211,218,221)
-
#dee3e5
#dee3e5
rgb(222,227,229)
-
#e9edee
#e9edee
rgb(233,237,238)
-
#f4f6f7
#f4f6f7
rgb(244,246,247)
Tones of #b2bec3
A tone is produced by adding gray to any pure hue. In this case, #b7bcbe is the less saturated color, while #78d6fd is the most saturated one.
-
#b7bcbe
#b7bcbe
rgb(183,188,190)
-
#b2bec3
#b2bec3
rgb(178,190,195)
-
#adc0c8
#adc0c8
rgb(173,192,200)
-
#a7c2ce
#a7c2ce
rgb(167,194,206)
-
#a2c5d3
#a2c5d3
rgb(162,197,211)
-
#9dc7d8
#9dc7d8
rgb(157,199,216)
-
#98c9dd
#98c9dd
rgb(152,201,221)
-
#92cbe3
#92cbe3
rgb(146,203,227)
-
#8dcde8
#8dcde8
rgb(141,205,232)
-
#88cfed
#88cfed
rgb(136,207,237)
-
#83d2f2
#83d2f2
rgb(131,210,242)
-
#7dd4f8
#7dd4f8
rgb(125,212,248)
-
#78d6fd
#78d6fd
rgb(120,214,253)
Color Blindness Simulator
Below, you can see how #b2bec3 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.