#b4c7bf hex color

In a RGB color space, hex #b4c7bf is composed of 70.6% red, 78% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 9.5% cyan, 0% magenta, 4% yellow and 22% black. It has a hue angle of 154.7 degrees, a saturation of 14.5% and a lightness of 74.3%. #b4c7bf color hex could be obtained by blending #ffffff with #698f7f. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 78
- B 75
RGB color chart
- C 10
- M 0
- Y 4
- K 22
CMYK color chart

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

The hexadecimal color #b4c7bf has RGB values of R:180, G:199, B:191 and CMYK values of C:0.1, M:0, Y:0.04, K:0.22. Its decimal value is 11847615.

Hex triplet	b4c7bf	`#b4c7bf`
RGB Decimal	180, 199, 191	`rgb(180,199,191)`
RGB Percent	70.6, 78, 74.9	`rgb(70.6%,78%,74.9%)`
CMYK	10, 0, 4, 22
HSL	154.7°, 14.5, 74.3	`hsl(154.7,14.5%,74.3%)`
HSV (or HSB)	154.7°, 9.5, 78
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.643, -7.988, 1.793
XYZ	48.648, 54.311, 57.207
xyY	0.304, 0.339, 54.311
CIE-LCH	78.643, 8.186, 167.348
CIE-LUV	78.643, -10.037, 4.052
Hunter-Lab	73.696, -11.138, 5.563
Binary	10110100, 11000111, 10111111

#b4c7bf
```
#b4c7bf rgb(180,199,191)
```
#c7b4bc
```
#c7b4bc rgb(199,180,188)
```

Complementary Color

#b4c7b6
```
#b4c7b6 rgb(180,199,182)
```
#b4c7bf
```
#b4c7bf rgb(180,199,191)
```
#b4c6c7
```
#b4c6c7 rgb(180,198,199)
```

Analogous Color

#c7b6b4
```
#c7b6b4 rgb(199,182,180)
```
#b4c7bf
```
#b4c7bf rgb(180,199,191)
```
#c7b4c6
```
#c7b4c6 rgb(199,180,198)
```

Split Complementary Color

#c7bfb4
```
#c7bfb4 rgb(199,191,180)
```
#b4c7bf
```
#b4c7bf rgb(180,199,191)
```
#bfb4c7
```
#bfb4c7 rgb(191,180,199)
```

Triadic Color

#bcc7b4
```
#bcc7b4 rgb(188,199,180)
```
#b4c7bf
```
#b4c7bf rgb(180,199,191)
```
#bfb4c7
```
#bfb4c7 rgb(191,180,199)
```
#c7b4bc
```
#c7b4bc rgb(199,180,188)
```

Tetradic Color

#88a69a
```
#88a69a rgb(136,166,154)
```
#97b1a6
```
#97b1a6 rgb(151,177,166)
```
#a5bcb3
```
#a5bcb3 rgb(165,188,179)
```
#b4c7bf
```
#b4c7bf rgb(180,199,191)
```
#c3d2cb
```
#c3d2cb rgb(195,210,203)
```
#d1ddd8
```
#d1ddd8 rgb(209,221,216)
```
#e0e8e4
```
#e0e8e4 rgb(224,232,228)
```

Monochromatic Color

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

#b4c7ba
```
#b4c7ba rgb(180,199,186)
```
#b4c7bc
```
#b4c7bc rgb(180,199,188)
```
#b4c7bd
```
#b4c7bd rgb(180,199,189)
```
#b4c7bf
```
#b4c7bf rgb(180,199,191)
```
#b4c7c1
```
#b4c7c1 rgb(180,199,193)
```
#b4c7c2
```
#b4c7c2 rgb(180,199,194)
```
#b4c7c4
```
#b4c7c4 rgb(180,199,196)
```

Similar Colors

Text with hexadecimal color #b4c7bf

This text has a font color of #b4c7bf.

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

#b4c7bf background color

This paragraph has a background color of #b4c7bf.

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

#b4c7bf border color

This element has a border color of #b4c7bf.

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

CSS codes

.text {color:#b4c7bf;}

.background {background-color:#b4c7bf;}

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

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

#030403
```
#030403 rgb(3,4,3)
```
#0b0f0d
```
#0b0f0d rgb(11,15,13)
```
#131a17
```
#131a17 rgb(19,26,23)
```
#1c2521
```
#1c2521 rgb(28,37,33)
```
#24312b
```
#24312b rgb(36,49,43)
```
#2d3c35
```
#2d3c35 rgb(45,60,53)
```
#35473f
```
#35473f rgb(53,71,63)
```
#3d5249
```
#3d5249 rgb(61,82,73)
```
#465d53
```
#465d53 rgb(70,93,83)
```
#4e695e
```
#4e695e rgb(78,105,94)
```
#577468
```
#577468 rgb(87,116,104)
```
#5f7f72
```
#5f7f72 rgb(95,127,114)
```
#678a7c
```
#678a7c rgb(103,138,124)
```

Shade Color Variation

#719586
```
#719586 rgb(113,149,134)
```
#7c9d8f
```
#7c9d8f rgb(124,157,143)
```
#87a599
```
#87a599 rgb(135,165,153)
```
#92aea2
```
#92aea2 rgb(146,174,162)
```
#9eb6ac
```
#9eb6ac rgb(158,182,172)
```
#a9bfb5
```
#a9bfb5 rgb(169,191,181)
```
#b4c7bf
```
#b4c7bf rgb(180,199,191)
```
#bfcfc9
```
#bfcfc9 rgb(191,207,201)
```
#cad8d2
```
#cad8d2 rgb(202,216,210)
```
#d6e0dc
```
#d6e0dc rgb(214,224,220)
```
#e1e9e5
```
#e1e9e5 rgb(225,233,229)
```
#ecf1ef
```
#ecf1ef rgb(236,241,239)
```
#f7f9f8
```
#f7f9f8 rgb(247,249,248)
```

Tint Color Variation

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

#b9c2be
```
#b9c2be rgb(185,194,190)
```
#b4c7bf
```
#b4c7bf rgb(180,199,191)
```
#afccc0
```
#afccc0 rgb(175,204,192)
```
#aad1c1
```
#aad1c1 rgb(170,209,193)
```
#a5d6c1
```
#a5d6c1 rgb(165,214,193)
```
#a0dbc2
```
#a0dbc2 rgb(160,219,194)
```
#9be0c3
```
#9be0c3 rgb(155,224,195)
```
#96e5c4
```
#96e5c4 rgb(150,229,196)
```
#91eac5
```
#91eac5 rgb(145,234,197)
```
#8cefc5
```
#8cefc5 rgb(140,239,197)
```
#87f4c6
```
#87f4c6 rgb(135,244,198)
```
#82f9c7
```
#82f9c7 rgb(130,249,199)
```
#7dfec8
```
#7dfec8 rgb(125,254,200)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bec1c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cac4bf Protanopia 1% of men
#d7bfc5 Deuteranopia 1% of men
#bbc6d5 Tritanopia 0.001% of the population

Trichromacy

#c2c5bf Protanomaly 1% of men, 0.01% of women
#cac2c3 Deuteranomaly 6% of men, 0.4% of women
#b8c6cd Tritanomaly 0.01% of the population

#b4c7bf hex color

#b4c7bf Color Information

#b4c7bf Color Conversion

Color Schemes with #b4c7bf

Alternatives to #b4c7bf

#b4c7bf Preview

Shades and Tints of #b4c7bf

Tones of #b4c7bf

Color Blindness Simulator