#b4c5bb hex color

In a RGB color space, hex #b4c5bb is composed of 70.6% red, 77.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 8.6% cyan, 0% magenta, 5.1% yellow and 22.7% black. It has a hue angle of 144.7 degrees, a saturation of 12.8% and a lightness of 73.9%. #b4c5bb color hex could be obtained by blending #ffffff with #698b77. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 77
- B 73
RGB color chart
- C 9
- M 0
- Y 5
- K 23
CMYK color chart

● #b4c5bb color description : Grayish cyan - lime green.

The hexadecimal color #b4c5bb has RGB values of R:180, G:197, B:187 and CMYK values of C:0.09, M:0, Y:0.05, K:0.23. Its decimal value is 11847099.

Hex triplet	b4c5bb	`#b4c5bb`
RGB Decimal	180, 197, 187	`rgb(180,197,187)`
RGB Percent	70.6, 77.3, 73.3	`rgb(70.6%,77.3%,73.3%)`
CMYK	9, 0, 5, 23
HSL	144.7°, 12.8, 73.9	`hsl(144.7,12.8%,73.9%)`
HSV (or HSB)	144.7°, 8.6, 77.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.007, -7.703, 3.023
XYZ	47.756, 53.223, 54.768
xyY	0.307, 0.342, 53.223
CIE-LCH	78.007, 8.275, 158.571
CIE-LUV	78.007, -8.906, 5.819
Hunter-Lab	72.954, -10.822, 6.558
Binary	10110100, 11000101, 10111011

#b4c5bb
```
#b4c5bb rgb(180,197,187)
```
#c5b4be
```
#c5b4be rgb(197,180,190)
```

Complementary Color

#b6c5b4
```
#b6c5b4 rgb(182,197,180)
```
#b4c5bb
```
#b4c5bb rgb(180,197,187)
```
#b4c5c4
```
#b4c5c4 rgb(180,197,196)
```

Analogous Color

#c5b4b6
```
#c5b4b6 rgb(197,180,182)
```
#b4c5bb
```
#b4c5bb rgb(180,197,187)
```
#c4b4c5
```
#c4b4c5 rgb(196,180,197)
```

Split Complementary Color

#c5bbb4
```
#c5bbb4 rgb(197,187,180)
```
#b4c5bb
```
#b4c5bb rgb(180,197,187)
```
#bbb4c5
```
#bbb4c5 rgb(187,180,197)
```

Triadic Color

#bec5b4
```
#bec5b4 rgb(190,197,180)
```
#b4c5bb
```
#b4c5bb rgb(180,197,187)
```
#bbb4c5
```
#bbb4c5 rgb(187,180,197)
```
#c5b4be
```
#c5b4be rgb(197,180,190)
```

Tetradic Color

#89a494
```
#89a494 rgb(137,164,148)
```
#97afa1
```
#97afa1 rgb(151,175,161)
```
#a6baae
```
#a6baae rgb(166,186,174)
```
#b4c5bb
```
#b4c5bb rgb(180,197,187)
```
#c2d0c8
```
#c2d0c8 rgb(194,208,200)
```
#d1dbd5
```
#d1dbd5 rgb(209,219,213)
```
#dfe6e2
```
#dfe6e2 rgb(223,230,226)
```

Monochromatic Color

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

#b4c5b7
```
#b4c5b7 rgb(180,197,183)
```
#b4c5b8
```
#b4c5b8 rgb(180,197,184)
```
#b4c5ba
```
#b4c5ba rgb(180,197,186)
```
#b4c5bb
```
#b4c5bb rgb(180,197,187)
```
#b4c5bc
```
#b4c5bc rgb(180,197,188)
```
#b4c5be
```
#b4c5be rgb(180,197,190)
```
#b4c5bf
```
#b4c5bf rgb(180,197,191)
```

Similar Colors

Text with hexadecimal color #b4c5bb

This text has a font color of #b4c5bb.

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

#b4c5bb background color

This paragraph has a background color of #b4c5bb.

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

#b4c5bb border color

This element has a border color of #b4c5bb.

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

CSS codes

.text {color:#b4c5bb;}

.background {background-color:#b4c5bb;}

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0d0c
```
#0a0d0c rgb(10,13,12)
```
#131915
```
#131915 rgb(19,25,21)
```
#1c241f
```
#1c241f rgb(28,36,31)
```
#242f28
```
#242f28 rgb(36,47,40)
```
#2d3a32
```
#2d3a32 rgb(45,58,50)
```
#35453c
```
#35453c rgb(53,69,60)
```
#3e5045
```
#3e5045 rgb(62,80,69)
```
#465b4f
```
#465b4f rgb(70,91,79)
```
#4f6658
```
#4f6658 rgb(79,102,88)
```
#577162
```
#577162 rgb(87,113,98)
```
#607c6c
```
#607c6c rgb(96,124,108)
```
#698775
```
#698775 rgb(105,135,117)
```

Shade Color Variation

#72927f
```
#72927f rgb(114,146,127)
```
#7d9a89
```
#7d9a89 rgb(125,154,137)
```
#88a393
```
#88a393 rgb(136,163,147)
```
#93ab9d
```
#93ab9d rgb(147,171,157)
```
#9eb4a7
```
#9eb4a7 rgb(158,180,167)
```
#a9bcb1
```
#a9bcb1 rgb(169,188,177)
```
#b4c5bb
```
#b4c5bb rgb(180,197,187)
```
#bfcec5
```
#bfcec5 rgb(191,206,197)
```
#cad6cf
```
#cad6cf rgb(202,214,207)
```
#d5dfd9
```
#d5dfd9 rgb(213,223,217)
```
#e0e7e3
```
#e0e7e3 rgb(224,231,227)
```
#ebf0ed
```
#ebf0ed rgb(235,240,237)
```
#f6f8f7
```
#f6f8f7 rgb(246,248,247)
```

Tint Color Variation

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

#b9c0bc
```
#b9c0bc rgb(185,192,188)
```
#b4c5bb
```
#b4c5bb rgb(180,197,187)
```
#afcaba
```
#afcaba rgb(175,202,186)
```
#aacfb9
```
#aacfb9 rgb(170,207,185)
```
#a5d4b8
```
#a5d4b8 rgb(165,212,184)
```
#a0d9b7
```
#a0d9b7 rgb(160,217,183)
```
#9adfb6
```
#9adfb6 rgb(154,223,182)
```
#95e4b6
```
#95e4b6 rgb(149,228,182)
```
#90e9b5
```
#90e9b5 rgb(144,233,181)
```
#8beeb4
```
#8beeb4 rgb(139,238,180)
```
#86f3b3
```
#86f3b3 rgb(134,243,179)
```
#81f8b2
```
#81f8b2 rgb(129,248,178)
```
#7cfdb1
```
#7cfdb1 rgb(124,253,177)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bdc0be Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c3bc Protanopia 1% of men
#d6bec1 Deuteranopia 1% of men
#bbc4d2 Tritanopia 0.001% of the population

Trichromacy

#c1c3bb Protanomaly 1% of men, 0.01% of women
#cac0bf Deuteranomaly 6% of men, 0.4% of women
#b9c4ca Tritanomaly 0.01% of the population

#b4c5bb hex color

#b4c5bb Color Information

#b4c5bb Color Conversion

Color Schemes with #b4c5bb

Alternatives to #b4c5bb

#b4c5bb Preview

Shades and Tints of #b4c5bb

Tones of #b4c5bb

Color Blindness Simulator