#b0bacc Color Information
In a RGB color space, hex #b0bacc is composed of 69% red, 72.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 13.7% cyan, 8.8% magenta, 0% yellow and 20% black. It has a hue angle of 218.6 degrees, a saturation of 21.5% and a lightness of 74.5%. #b0bacc color hex could be obtained by blending #ffffff with #617599. Closest websafe color is: #99cccc.
-
- R 69
- G 73
- B 80
-
- C 14
- M 9
- Y 0
- K 20
● #b0bacc color description : Grayish blue.
#b0bacc Color Conversion
The hexadecimal color #b0bacc has RGB values of R:176, G:186, B:204 and CMYK values of C:0.14, M:0.09, Y:0, K:0.2. Its decimal value is 11582156.
Hex triplet | b0bacc | #b0bacc |
---|---|---|
RGB Decimal | 176, 186, 204 | rgb(176,186,204) |
RGB Percent | 69, 72.9, 80 | rgb(69%,72.9%,80%) |
CMYK | 14, 9, 0, 20 | |
HSL | 218.6°, 21.5, 74.5 | hsl(218.6,21.5%,74.5%) |
HSV (or HSB) | 218.6°, 13.7, 80 | |
Web Safe | 99cccc | #99cccc |
CIE-LAB | 75.269, 0.186, -10.246 |
---|---|
XYZ | 46.36, 48.707, 64.082 |
xyY | 0.291, 0.306, 48.707 |
CIE-LCH | 75.269, 10.248, 271.041 |
CIE-LUV | 75.269, -6.368, -15.703 |
Hunter-Lab | 69.79, -3.559, -5.587 |
Binary | 10110000, 10111010, 11001100 |
Color Schemes with #b0bacc
Alternatives to #b0bacc
Below, you can see some colors close to #b0bacc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b0bacc Preview
This text has a font color of #b0bacc.
<span style="color:#b0bacc;">Text here</span>
This paragraph has a background color of #b0bacc.
<p style="background-color:#b0bacc;">Content here</p>
This element has a border color of #b0bacc.
<div style="border:1px solid #b0bacc;">Content here</div>
.text {color:#b0bacc;}
.background {background-color:#b0bacc;}
.border {border:1px solid #b0bacc;}
Shades and Tints of #b0bacc
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, #030304 is the darkest color, while #f8f8fa is the lightest one.
-
#030304
#030304
rgb(3,3,4)
-
#0b0d10
#0b0d10
rgb(11,13,16)
-
#12161c
#12161c
rgb(18,22,28)
-
#1a1f28
#1a1f28
rgb(26,31,40)
-
#222834
#222834
rgb(34,40,52)
-
#293140
#293140
rgb(41,49,64)
-
#313b4c
#313b4c
rgb(49,59,76)
-
#394458
#394458
rgb(57,68,88)
-
#404d64
#404d64
rgb(64,77,100)
-
#485670
#485670
rgb(72,86,112)
-
#505f7c
#505f7c
rgb(80,95,124)
-
#586988
#586988
rgb(88,105,136)
-
#5f7293
#5f7293
rgb(95,114,147)
-
#687c9e
#687c9e
rgb(104,124,158)
-
#7486a6
#7486a6
rgb(116,134,166)
-
#8090ad
#8090ad
rgb(128,144,173)
-
#8c9bb5
#8c9bb5
rgb(140,155,181)
-
#98a5bd
#98a5bd
rgb(152,165,189)
-
#a4b0c4
#a4b0c4
rgb(164,176,196)
-
#b0bacc
#b0bacc
rgb(176,186,204)
-
#bcc4d4
#bcc4d4
rgb(188,196,212)
-
#c8cfdb
#c8cfdb
rgb(200,207,219)
-
#d4d9e3
#d4d9e3
rgb(212,217,227)
-
#e0e4eb
#e0e4eb
rgb(224,228,235)
-
#eceef2
#eceef2
rgb(236,238,242)
-
#f8f8fa
#f8f8fa
rgb(248,248,250)
Tones of #b0bacc
A tone is produced by adding gray to any pure hue. In this case, #babdc2 is the less saturated color, while #7eacfe is the most saturated one.
-
#babdc2
#babdc2
rgb(186,189,194)
-
#b5bbc7
#b5bbc7
rgb(181,187,199)
-
#b0bacc
#b0bacc
rgb(176,186,204)
-
#abb9d1
#abb9d1
rgb(171,185,209)
-
#a6b7d6
#a6b7d6
rgb(166,183,214)
-
#a1b6db
#a1b6db
rgb(161,182,219)
-
#9cb4e0
#9cb4e0
rgb(156,180,224)
-
#97b3e5
#97b3e5
rgb(151,179,229)
-
#92b1ea
#92b1ea
rgb(146,177,234)
-
#8db0ef
#8db0ef
rgb(141,176,239)
-
#88aff4
#88aff4
rgb(136,175,244)
-
#83adf9
#83adf9
rgb(131,173,249)
-
#7eacfe
#7eacfe
rgb(126,172,254)
Color Blindness Simulator
Below, you can see how #b0bacc 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.