colorhexa.com

#b4bec3 hex color

In a RGB color space, hex #b4bec3 is composed of 70.6% red, 74.5% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 2.6% magenta, 0% yellow and 23.5% black. It has a hue angle of 200 degrees, a saturation of 11.1% and a lightness of 73.5%. #b4bec3 color hex could be obtained by blending #ffffff with #697d87. Closest websafe color is: #cccccc.

- R 71
- G 75
- B 76
RGB color chart
- C 8
- M 3
- Y 0
- K 24
CMYK color chart

● #b4bec3 color description : Grayish blue.

The hexadecimal color #b4bec3 has RGB values of R:180, G:190, B:195 and CMYK values of C:0.08, M:0.03, Y:0, K:0.24. Its decimal value is 11845315.

Hex triplet	b4bec3	`#b4bec3`
RGB Decimal	180, 190, 195	`rgb(180,190,195)`
RGB Percent	70.6, 74.5, 76.5	`rgb(70.6%,74.5%,76.5%)`
CMYK	8, 3, 0, 24
HSL	200°, 11.1, 73.5	`hsl(200,11.1%,73.5%)`
HSV (or HSB)	200°, 7.7, 76.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.357, -2.466, -3.713
XYZ	47.084, 50.47, 58.888
xyY	0.301, 0.323, 50.47
CIE-LCH	76.357, 4.457, 236.411
CIE-LUV	76.357, -5.773, -5.175
Hunter-Lab	71.042, -6.02, 0.583
Binary	10110100, 10111110, 11000011

#b4bec3
```
#b4bec3 rgb(180,190,195)
```
#c3b9b4
```
#c3b9b4 rgb(195,185,180)
```

Complementary Color

#b4c3c1
```
#b4c3c1 rgb(180,195,193)
```
#b4bec3
```
#b4bec3 rgb(180,190,195)
```
#b4b7c3
```
#b4b7c3 rgb(180,183,195)
```

Analogous Color

#c3c1b4
```
#c3c1b4 rgb(195,193,180)
```
#b4bec3
```
#b4bec3 rgb(180,190,195)
```
#c3b4b7
```
#c3b4b7 rgb(195,180,183)
```

Split Complementary Color

#bec3b4
```
#bec3b4 rgb(190,195,180)
```
#b4bec3
```
#b4bec3 rgb(180,190,195)
```
#c3b4be
```
#c3b4be rgb(195,180,190)
```

Triadic Color

#b4c3b9
```
#b4c3b9 rgb(180,195,185)
```
#b4bec3
```
#b4bec3 rgb(180,190,195)
```
#c3b4be
```
#c3b4be rgb(195,180,190)
```
#c3b9b4
```
#c3b9b4 rgb(195,185,180)
```

Tetradic Color

#8a99a1
```
#8a99a1 rgb(138,153,161)
```
#98a5ac
```
#98a5ac rgb(152,165,172)
```
#a6b2b8
```
#a6b2b8 rgb(166,178,184)
```
#b4bec3
```
#b4bec3 rgb(180,190,195)
```
#c2cace
```
#c2cace rgb(194,202,206)
```
#d0d7da
```
#d0d7da rgb(208,215,218)
```
#dfe3e5
```
#dfe3e5 rgb(223,227,229)
```

Monochromatic Color

Below, you can see some colors close to #b4bec3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#b4c2c3
```
#b4c2c3 rgb(180,194,195)
```
#b4c1c3
```
#b4c1c3 rgb(180,193,195)
```
#b4bfc3
```
#b4bfc3 rgb(180,191,195)
```
#b4bec3
```
#b4bec3 rgb(180,190,195)
```
#b4bdc3
```
#b4bdc3 rgb(180,189,195)
```
#b4bcc3
```
#b4bcc3 rgb(180,188,195)
```
#b4bac3
```
#b4bac3 rgb(180,186,195)
```

Similar Colors

Text with hexadecimal color #b4bec3

This text has a font color of #b4bec3.

<span style="color:#b4bec3;">Text here</span>

#b4bec3 background color

This paragraph has a background color of #b4bec3.

<p style="background-color:#b4bec3;">Content here</p>

#b4bec3 border color

This element has a border color of #b4bec3.

<div style="border:1px solid #b4bec3;">Content here</div>

CSS codes

.text {color:#b4bec3;}

.background {background-color:#b4bec3;}

.border {border:1px solid #b4bec3;}

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, #010101 is the darkest color, while #f5f7f7 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0a0b0c
```
#0a0b0c rgb(10,11,12)
```
#121617
```
#121617 rgb(18,22,23)
```
#1b2022
```
#1b2022 rgb(27,32,34)
```
#242a2d
```
#242a2d rgb(36,42,45)
```
#2d3438
```
#2d3438 rgb(45,52,56)
```
#353e43
```
#353e43 rgb(53,62,67)
```
#3e484e
```
#3e484e rgb(62,72,78)
```
#475358
```
#475358 rgb(71,83,88)
```
#4f5d63
```
#4f5d63 rgb(79,93,99)
```
#58676e
```
#58676e rgb(88,103,110)
```
#617179
```
#617179 rgb(97,113,121)
```
#6a7b84
```
#6a7b84 rgb(106,123,132)
```

Shade Color Variation

#73858f
```
#73858f rgb(115,133,143)
```
#7e8f97
```
#7e8f97 rgb(126,143,151)
```
#8898a0
```
#8898a0 rgb(136,152,160)
```
#93a2a9
```
#93a2a9 rgb(147,162,169)
```
#9eabb2
```
#9eabb2 rgb(158,171,178)
```
#a9b5ba
```
#a9b5ba rgb(169,181,186)
```
#b4bec3
```
#b4bec3 rgb(180,190,195)
```
#bfc7cc
```
#bfc7cc rgb(191,199,204)
```
#cad1d4
```
#cad1d4 rgb(202,209,212)
```
#d5dadd
```
#d5dadd rgb(213,218,221)
```
#e0e4e6
```
#e0e4e6 rgb(224,228,230)
```
#eaedef
```
#eaedef rgb(234,237,239)
```
#f5f7f7
```
#f5f7f7 rgb(245,247,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #b9bcbe is the less saturated color, while #7bd1fc is the most saturated one.

#b9bcbe
```
#b9bcbe rgb(185,188,190)
```
#b4bec3
```
#b4bec3 rgb(180,190,195)
```
#afc0c8
```
#afc0c8 rgb(175,192,200)
```
#aac1cd
```
#aac1cd rgb(170,193,205)
```
#a4c3d3
```
#a4c3d3 rgb(164,195,211)
```
#9fc5d8
```
#9fc5d8 rgb(159,197,216)
```
#9ac7dd
```
#9ac7dd rgb(154,199,221)
```
#95c8e2
```
#95c8e2 rgb(149,200,226)
```
#90cae7
```
#90cae7 rgb(144,202,231)
```
#8acced
```
#8acced rgb(138,204,237)
```
#85cef2
```
#85cef2 rgb(133,206,242)
```
#80cff7
```
#80cff7 rgb(128,207,247)
```
#7bd1fc
```
#7bd1fc rgb(123,209,252)
```

Tone Color Variation

Below, you can see how #b4bec3 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.

Monochromacy

#bcbcbc Achromatopsia 0.005% of the population
#babcbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1bec4 Protanopia 1% of men
#cdbac8 Deuteranopia 1% of men
#b9c0cd Tritanopia 0.001% of the population

Trichromacy

#bcbec4 Protanomaly 1% of men, 0.01% of women
#c4bbc6 Deuteranomaly 6% of men, 0.4% of women
#b7bfc9 Tritanomaly 0.01% of the population