#b4ccbf hex color

In a RGB color space, hex #b4ccbf is composed of 70.6% red, 80% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 6.4% yellow and 20% black. It has a hue angle of 147.5 degrees, a saturation of 19% and a lightness of 75.3%. #b4ccbf color hex could be obtained by blending #ffffff with #69997f. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 80
- B 75
RGB color chart
- C 12
- M 0
- Y 6
- K 20
CMYK color chart

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

The hexadecimal color #b4ccbf has RGB values of R:180, G:204, B:191 and CMYK values of C:0.12, M:0, Y:0.06, K:0.2. Its decimal value is 11848895.

Hex triplet	b4ccbf	`#b4ccbf`
RGB Decimal	180, 204, 191	`rgb(180,204,191)`
RGB Percent	70.6, 80, 74.9	`rgb(70.6%,80%,74.9%)`
CMYK	12, 0, 6, 20
HSL	147.5°, 19, 75.3	`hsl(147.5,19%,75.3%)`
HSV (or HSB)	147.5°, 11.8, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.982, -10.582, 3.737
XYZ	49.817, 56.65, 57.597
xyY	0.304, 0.345, 56.65
CIE-LCH	79.982, 11.222, 160.55
CIE-LUV	79.982, -12.495, 7.393
Hunter-Lab	75.266, -13.57, 7.315
Binary	10110100, 11001100, 10111111

#b4ccbf
```
#b4ccbf rgb(180,204,191)
```
#ccb4c1
```
#ccb4c1 rgb(204,180,193)
```

Complementary Color

#b5ccb4
```
#b5ccb4 rgb(181,204,180)
```
#b4ccbf
```
#b4ccbf rgb(180,204,191)
```
#b4cccb
```
#b4cccb rgb(180,204,203)
```

Analogous Color

#ccb4b5
```
#ccb4b5 rgb(204,180,181)
```
#b4ccbf
```
#b4ccbf rgb(180,204,191)
```
#cbb4cc
```
#cbb4cc rgb(203,180,204)
```

Split Complementary Color

#ccbfb4
```
#ccbfb4 rgb(204,191,180)
```
#b4ccbf
```
#b4ccbf rgb(180,204,191)
```
#bfb4cc
```
#bfb4cc rgb(191,180,204)
```

Triadic Color

#c1ccb4
```
#c1ccb4 rgb(193,204,180)
```
#b4ccbf
```
#b4ccbf rgb(180,204,191)
```
#bfb4cc
```
#bfb4cc rgb(191,180,204)
```
#ccb4c1
```
#ccb4c1 rgb(204,180,193)
```

Tetradic Color

#86ad98
```
#86ad98 rgb(134,173,152)
```
#96b7a5
```
#96b7a5 rgb(150,183,165)
```
#a5c2b2
```
#a5c2b2 rgb(165,194,178)
```
#b4ccbf
```
#b4ccbf rgb(180,204,191)
```
#c3d6cc
```
#c3d6cc rgb(195,214,204)
```
#d2e1d9
```
#d2e1d9 rgb(210,225,217)
```
#e2ebe6
```
#e2ebe6 rgb(226,235,230)
```

Monochromatic Color

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

#b4ccb9
```
#b4ccb9 rgb(180,204,185)
```
#b4ccbb
```
#b4ccbb rgb(180,204,187)
```
#b4ccbd
```
#b4ccbd rgb(180,204,189)
```
#b4ccbf
```
#b4ccbf rgb(180,204,191)
```
#b4ccc1
```
#b4ccc1 rgb(180,204,193)
```
#b4ccc3
```
#b4ccc3 rgb(180,204,195)
```
#b4ccc5
```
#b4ccc5 rgb(180,204,197)
```

Similar Colors

Text with hexadecimal color #b4ccbf

This text has a font color of #b4ccbf.

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

#b4ccbf background color

This paragraph has a background color of #b4ccbf.

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

#b4ccbf border color

This element has a border color of #b4ccbf.

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

CSS codes

.text {color:#b4ccbf;}

.background {background-color:#b4ccbf;}

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

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

#050706
```
#050706 rgb(5,7,6)
```
#0d120f
```
#0d120f rgb(13,18,15)
```
#141e19
```
#141e19 rgb(20,30,25)
```
#1c2a23
```
#1c2a23 rgb(28,42,35)
```
#24352c
```
#24352c rgb(36,53,44)
```
#2c4136
```
#2c4136 rgb(44,65,54)
```
#344d3f
```
#344d3f rgb(52,77,63)
```
#3c5849
```
#3c5849 rgb(60,88,73)
```
#446453
```
#446453 rgb(68,100,83)
```
#4c705c
```
#4c705c rgb(76,112,92)
```
#547b66
```
#547b66 rgb(84,123,102)
```
#5c8770
```
#5c8770 rgb(92,135,112)
```
#649379
```
#649379 rgb(100,147,121)
```

Shade Color Variation

#6e9c83
```
#6e9c83 rgb(110,156,131)
```
#7aa48d
```
#7aa48d rgb(122,164,141)
```
#85ac97
```
#85ac97 rgb(133,172,151)
```
#91b4a1
```
#91b4a1 rgb(145,180,161)
```
#9dbcab
```
#9dbcab rgb(157,188,171)
```
#a8c4b5
```
#a8c4b5 rgb(168,196,181)
```
#b4ccbf
```
#b4ccbf rgb(180,204,191)
```
#c0d4c9
```
#c0d4c9 rgb(192,212,201)
```
#cbdcd3
```
#cbdcd3 rgb(203,220,211)
```
#d7e4dd
```
#d7e4dd rgb(215,228,221)
```
#e3ece7
```
#e3ece7 rgb(227,236,231)
```
#eef4f1
```
#eef4f1 rgb(238,244,241)
```
#fafcfb
```
#fafcfb rgb(250,252,251)
```

Tint Color Variation

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

#bec2c0
```
#bec2c0 rgb(190,194,192)
```
#b9c7bf
```
#b9c7bf rgb(185,199,191)
```
#b4ccbf
```
#b4ccbf rgb(180,204,191)
```
#afd1bf
```
#afd1bf rgb(175,209,191)
```
#aad6be
```
#aad6be rgb(170,214,190)
```
#a5dbbe
```
#a5dbbe rgb(165,219,190)
```
#a1dfbd
```
#a1dfbd rgb(161,223,189)
```
#9ce4bd
```
#9ce4bd rgb(156,228,189)
```
#97e9bd
```
#97e9bd rgb(151,233,189)
```
#92eebc
```
#92eebc rgb(146,238,188)
```
#8df3bc
```
#8df3bc rgb(141,243,188)
```
#88f8bb
```
#88f8bb rgb(136,248,187)
```
#84fcbb
```
#84fcbb rgb(132,252,187)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c0c5c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc8bf Protanopia 1% of men
#dcc3c6 Deuteranopia 1% of men
#bccbd9 Tritanopia 0.001% of the population

Trichromacy

#c5c9bf Protanomaly 1% of men, 0.01% of women
#cec6c3 Deuteranomaly 6% of men, 0.4% of women
#b9cbcf Tritanomaly 0.01% of the population

#b4ccbf hex color

#b4ccbf Color Information

#b4ccbf Color Conversion

Color Schemes with #b4ccbf

Alternatives to #b4ccbf

#b4ccbf Preview

Shades and Tints of #b4ccbf

Tones of #b4ccbf

Color Blindness Simulator