#b4bacc Color Information
In a RGB color space, hex #b4bacc is composed of 70.6% red, 72.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 8.8% magenta, 0% yellow and 20% black. It has a hue angle of 225 degrees, a saturation of 19% and a lightness of 75.3%. #b4bacc color hex could be obtained by blending #ffffff with #697599. Closest websafe color is: #cccccc.
-
- R 71
- G 73
- B 80
-
- C 12
- M 9
- Y 0
- K 20
● #b4bacc color description : Grayish blue.
#b4bacc Color Conversion
The hexadecimal color #b4bacc has RGB values of R:180, G:186, B:204 and CMYK values of C:0.12, M:0.09, Y:0, K:0.2. Its decimal value is 11844300.
Hex triplet | b4bacc | #b4bacc |
---|---|---|
RGB Decimal | 180, 186, 204 | rgb(180,186,204) |
RGB Percent | 70.6, 72.9, 80 | rgb(70.6%,72.9%,80%) |
CMYK | 12, 9, 0, 20 | |
HSL | 225°, 19, 75.3 | hsl(225,19%,75.3%) |
HSV (or HSB) | 225°, 11.8, 80 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 75.563, 1.497, -9.776 |
---|---|
XYZ | 47.278, 49.18, 64.125 |
xyY | 0.294, 0.306, 49.18 |
CIE-LCH | 75.563, 9.889, 278.704 |
CIE-LUV | 75.563, -4.269, -15.187 |
Hunter-Lab | 70.129, -2.387, -5.124 |
Binary | 10110100, 10111010, 11001100 |
Color Schemes with #b4bacc
Alternatives to #b4bacc
Below, you can see some colors close to #b4bacc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b4bacc Preview
This text has a font color of #b4bacc.
<span style="color:#b4bacc;">Text here</span>
This paragraph has a background color of #b4bacc.
<p style="background-color:#b4bacc;">Content here</p>
This element has a border color of #b4bacc.
<div style="border:1px solid #b4bacc;">Content here</div>
.text {color:#b4bacc;}
.background {background-color:#b4bacc;}
.border {border:1px solid #b4bacc;}
Shades and Tints of #b4bacc
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, #050507 is the darkest color, while #fafafc is the lightest one.
-
#050507
#050507
rgb(5,5,7)
-
#0d0e12
#0d0e12
rgb(13,14,18)
-
#14171e
#14171e
rgb(20,23,30)
-
#1c202a
#1c202a
rgb(28,32,42)
-
#242935
#242935
rgb(36,41,53)
-
#2c3141
#2c3141
rgb(44,49,65)
-
#343a4d
#343a4d
rgb(52,58,77)
-
#3c4358
#3c4358
rgb(60,67,88)
-
#444c64
#444c64
rgb(68,76,100)
-
#4c5570
#4c5570
rgb(76,85,112)
-
#545e7b
#545e7b
rgb(84,94,123)
-
#5c6787
#5c6787
rgb(92,103,135)
-
#647093
#647093
rgb(100,112,147)
-
#6e7a9c
#6e7a9c
rgb(110,122,156)
-
#7a84a4
#7a84a4
rgb(122,132,164)
-
#858fac
#858fac
rgb(133,143,172)
-
#919ab4
#919ab4
rgb(145,154,180)
-
#9da5bc
#9da5bc
rgb(157,165,188)
-
#a8afc4
#a8afc4
rgb(168,175,196)
-
#b4bacc
#b4bacc
rgb(180,186,204)
-
#c0c5d4
#c0c5d4
rgb(192,197,212)
-
#cbcfdc
#cbcfdc
rgb(203,207,220)
-
#d7dae4
#d7dae4
rgb(215,218,228)
-
#e3e5ec
#e3e5ec
rgb(227,229,236)
-
#eef0f4
#eef0f4
rgb(238,240,244)
-
#fafafc
#fafafc
rgb(250,250,252)
Tones of #b4bacc
A tone is produced by adding gray to any pure hue. In this case, #bebfc2 is the less saturated color, while #84a2fc is the most saturated one.
-
#bebfc2
#bebfc2
rgb(190,191,194)
-
#b9bcc7
#b9bcc7
rgb(185,188,199)
-
#b4bacc
#b4bacc
rgb(180,186,204)
-
#afb8d1
#afb8d1
rgb(175,184,209)
-
#aab5d6
#aab5d6
rgb(170,181,214)
-
#a5b3db
#a5b3db
rgb(165,179,219)
-
#a1b0df
#a1b0df
rgb(161,176,223)
-
#9caee4
#9caee4
rgb(156,174,228)
-
#97abe9
#97abe9
rgb(151,171,233)
-
#92a9ee
#92a9ee
rgb(146,169,238)
-
#8da7f3
#8da7f3
rgb(141,167,243)
-
#88a4f8
#88a4f8
rgb(136,164,248)
-
#84a2fc
#84a2fc
rgb(132,162,252)
Color Blindness Simulator
Below, you can see how #b4bacc 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.