#baccbf hex color

In a RGB color space, hex #baccbf is composed of 72.9% red, 80% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 8.8% cyan, 0% magenta, 6.4% yellow and 20% black. It has a hue angle of 136.7 degrees, a saturation of 15% and a lightness of 76.5%. #baccbf color hex could be obtained by blending #ffffff with #75997f. Closest websafe color is: #cccccc.

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

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

The hexadecimal color #baccbf has RGB values of R:186, G:204, B:191 and CMYK values of C:0.09, M:0, Y:0.06, K:0.2. Its decimal value is 12242111.

Hex triplet	baccbf	`#baccbf`
RGB Decimal	186, 204, 191	`rgb(186,204,191)`
RGB Percent	72.9, 80, 74.9	`rgb(72.9%,80%,74.9%)`
CMYK	9, 0, 6, 20
HSL	136.7°, 15, 76.5	`hsl(136.7,15%,76.5%)`
HSV (or HSB)	136.7°, 8.8, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.396, -8.552, 4.388
XYZ	51.245, 57.386, 57.664
xyY	0.308, 0.345, 57.386
CIE-LCH	80.396, 9.612, 152.838
CIE-LUV	80.396, -9.327, 8.011
Hunter-Lab	75.753, -11.82, 7.895
Binary	10111010, 11001100, 10111111

#baccbf
```
#baccbf rgb(186,204,191)
```
#ccbac7
```
#ccbac7 rgb(204,186,199)
```

Complementary Color

#beccba
```
#beccba rgb(190,204,186)
```
#baccbf
```
#baccbf rgb(186,204,191)
```
#baccc8
```
#baccc8 rgb(186,204,200)
```

Analogous Color

#ccbabe
```
#ccbabe rgb(204,186,190)
```
#baccbf
```
#baccbf rgb(186,204,191)
```
#c8bacc
```
#c8bacc rgb(200,186,204)
```

Split Complementary Color

#ccbfba
```
#ccbfba rgb(204,191,186)
```
#baccbf
```
#baccbf rgb(186,204,191)
```
#bfbacc
```
#bfbacc rgb(191,186,204)
```

Triadic Color

#c7ccba
```
#c7ccba rgb(199,204,186)
```
#baccbf
```
#baccbf rgb(186,204,191)
```
#bfbacc
```
#bfbacc rgb(191,186,204)
```
#ccbac7
```
#ccbac7 rgb(204,186,199)
```

Tetradic Color

#8eab96
```
#8eab96 rgb(142,171,150)
```
#9db6a4
```
#9db6a4 rgb(157,182,164)
```
#abc1b1
```
#abc1b1 rgb(171,193,177)
```
#baccbf
```
#baccbf rgb(186,204,191)
```
#c9d7cd
```
#c9d7cd rgb(201,215,205)
```
#d7e2da
```
#d7e2da rgb(215,226,218)
```
#e6ede8
```
#e6ede8 rgb(230,237,232)
```

Monochromatic Color

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

#baccbb
```
#baccbb rgb(186,204,187)
```
#baccbc
```
#baccbc rgb(186,204,188)
```
#baccbe
```
#baccbe rgb(186,204,190)
```
#baccbf
```
#baccbf rgb(186,204,191)
```
#baccc1
```
#baccc1 rgb(186,204,193)
```
#baccc2
```
#baccc2 rgb(186,204,194)
```
#baccc4
```
#baccc4 rgb(186,204,196)
```

Similar Colors

Text with hexadecimal color #baccbf

This text has a font color of #baccbf.

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

#baccbf background color

This paragraph has a background color of #baccbf.

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

#baccbf border color

This element has a border color of #baccbf.

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

CSS codes

.text {color:#baccbf;}

.background {background-color:#baccbf;}

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

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, #070a08 is the darkest color, while #fefefe is the lightest one.

#070a08
```
#070a08 rgb(7,10,8)
```
#101511
```
#101511 rgb(16,21,17)
```
#18211a
```
#18211a rgb(24,33,26)
```
#202c24
```
#202c24 rgb(32,44,36)
```
#29372d
```
#29372d rgb(41,55,45)
```
#314236
```
#314236 rgb(49,66,54)
```
#394e3f
```
#394e3f rgb(57,78,63)
```
#425948
```
#425948 rgb(66,89,72)
```
#4a6451
```
#4a6451 rgb(74,100,81)
```
#526f5a
```
#526f5a rgb(82,111,90)
```
#5b7b64
```
#5b7b64 rgb(91,123,100)
```
#63866d
```
#63866d rgb(99,134,109)
```
#6b9176
```
#6b9176 rgb(107,145,118)
```

Shade Color Variation

#769a80
```
#769a80 rgb(118,154,128)
```
#82a28b
```
#82a28b rgb(130,162,139)
```
#8dab95
```
#8dab95 rgb(141,171,149)
```
#98b3a0
```
#98b3a0 rgb(152,179,160)
```
#a3bbaa
```
#a3bbaa rgb(163,187,170)
```
#afc4b5
```
#afc4b5 rgb(175,196,181)
```
#baccbf
```
#baccbf rgb(186,204,191)
```
#c5d4c9
```
#c5d4c9 rgb(197,212,201)
```
#d1ddd4
```
#d1ddd4 rgb(209,221,212)
```
#dce5de
```
#dce5de rgb(220,229,222)
```
#e7ede9
```
#e7ede9 rgb(231,237,233)
```
#f2f6f3
```
#f2f6f3 rgb(242,246,243)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#bfc7c1
```
#bfc7c1 rgb(191,199,193)
```
#baccbf
```
#baccbf rgb(186,204,191)
```
#b5d1bd
```
#b5d1bd rgb(181,209,189)
```
#b1d5bb
```
#b1d5bb rgb(177,213,187)
```
#acdab9
```
#acdab9 rgb(172,218,185)
```
#a8deb7
```
#a8deb7 rgb(168,222,183)
```
#a3e3b5
```
#a3e3b5 rgb(163,227,181)
```
#9ee8b3
```
#9ee8b3 rgb(158,232,179)
```
#9aecb1
```
#9aecb1 rgb(154,236,177)
```
#95f1af
```
#95f1af rgb(149,241,175)
```
#90f6ad
```
#90f6ad rgb(144,246,173)
```
#8cfaaa
```
#8cfaaa rgb(140,250,170)
```
#87ffa8
```
#87ffa8 rgb(135,255,168)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c3c6c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0c9bf Protanopia 1% of men
#dec4c5 Deuteranopia 1% of men
#c2cbd9 Tritanopia 0.001% of the population

Trichromacy

#c8cabf Protanomaly 1% of men, 0.01% of women
#d1c7c3 Deuteranomaly 6% of men, 0.4% of women
#bfcbcf Tritanomaly 0.01% of the population

#baccbf hex color

#baccbf Color Information

#baccbf Color Conversion

Color Schemes with #baccbf

Alternatives to #baccbf

#baccbf Preview

Shades and Tints of #baccbf

Tones of #baccbf

Color Blindness Simulator