#baccb0 hex color

In a RGB color space, hex #baccb0 is composed of 72.9% red, 80% green and 69% blue. Whereas in a CMYK color space, it is composed of 8.8% cyan, 0% magenta, 13.7% yellow and 20% black. It has a hue angle of 98.6 degrees, a saturation of 21.5% and a lightness of 74.5%. #baccb0 color hex could be obtained by blending #ffffff with #759961. Closest websafe color is: #cccc99.

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

● #baccb0 color description : Grayish green.

The hexadecimal color #baccb0 has RGB values of R:186, G:204, B:176 and CMYK values of C:0.09, M:0, Y:0.14, K:0.2. Its decimal value is 12242096.

Hex triplet	baccb0	`#baccb0`
RGB Decimal	186, 204, 176	`rgb(186,204,176)`
RGB Percent	72.9, 80, 69	`rgb(72.9%,80%,69%)`
CMYK	9, 0, 14, 20
HSL	98.6°, 21.5, 74.5	`hsl(98.6,21.5%,74.5%)`
HSV (or HSB)	98.6°, 13.7, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	80.044, -11.225, 11.902
XYZ	49.677, 56.759, 49.41
xyY	0.319, 0.364, 56.759
CIE-LCH	80.044, 16.36, 133.324
CIE-LUV	80.044, -8.809, 19.247
Hunter-Lab	75.339, -14.142, 13.852
Binary	10111010, 11001100, 10110000

#baccb0
```
#baccb0 rgb(186,204,176)
```
#c2b0cc
```
#c2b0cc rgb(194,176,204)
```

Complementary Color

#c8ccb0
```
#c8ccb0 rgb(200,204,176)
```
#baccb0
```
#baccb0 rgb(186,204,176)
```
#b0ccb4
```
#b0ccb4 rgb(176,204,180)
```

Analogous Color

#ccb0c8
```
#ccb0c8 rgb(204,176,200)
```
#baccb0
```
#baccb0 rgb(186,204,176)
```
#b4b0cc
```
#b4b0cc rgb(180,176,204)
```

Split Complementary Color

#ccb0ba
```
#ccb0ba rgb(204,176,186)
```
#baccb0
```
#baccb0 rgb(186,204,176)
```
#b0bacc
```
#b0bacc rgb(176,186,204)
```

Triadic Color

#ccc2b0
```
#ccc2b0 rgb(204,194,176)
```
#baccb0
```
#baccb0 rgb(186,204,176)
```
#b0bacc
```
#b0bacc rgb(176,186,204)
```
#c2b0cc
```
#c2b0cc rgb(194,176,204)
```

Tetradic Color

#91ae82
```
#91ae82 rgb(145,174,130)
```
#9fb891
```
#9fb891 rgb(159,184,145)
```
#acc2a1
```
#acc2a1 rgb(172,194,161)
```
#baccb0
```
#baccb0 rgb(186,204,176)
```
#c8d6bf
```
#c8d6bf rgb(200,214,191)
```
#d5e0cf
```
#d5e0cf rgb(213,224,207)
```
#e3eade
```
#e3eade rgb(227,234,222)
```

Monochromatic Color

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

#c1ccb0
```
#c1ccb0 rgb(193,204,176)
```
#bfccb0
```
#bfccb0 rgb(191,204,176)
```
#bcccb0
```
#bcccb0 rgb(188,204,176)
```
#baccb0
```
#baccb0 rgb(186,204,176)
```
#b8ccb0
```
#b8ccb0 rgb(184,204,176)
```
#b5ccb0
```
#b5ccb0 rgb(181,204,176)
```
#b3ccb0
```
#b3ccb0 rgb(179,204,176)
```

Similar Colors

Text with hexadecimal color #baccb0

This text has a font color of #baccb0.

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

#baccb0 background color

This paragraph has a background color of #baccb0.

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

#baccb0 border color

This element has a border color of #baccb0.

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

CSS codes

.text {color:#baccb0;}

.background {background-color:#baccb0;}

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

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 #f8faf8 is the lightest one.

#030403
```
#030403 rgb(3,4,3)
```
#0d100b
```
#0d100b rgb(13,16,11)
```
#161c12
```
#161c12 rgb(22,28,18)
```
#1f281a
```
#1f281a rgb(31,40,26)
```
#283422
```
#283422 rgb(40,52,34)
```
#314029
```
#314029 rgb(49,64,41)
```
#3b4c31
```
#3b4c31 rgb(59,76,49)
```
#445839
```
#445839 rgb(68,88,57)
```
#4d6440
```
#4d6440 rgb(77,100,64)
```
#567048
```
#567048 rgb(86,112,72)
```
#5f7c50
```
#5f7c50 rgb(95,124,80)
```
#698858
```
#698858 rgb(105,136,88)
```
#72935f
```
#72935f rgb(114,147,95)
```

Shade Color Variation

#7c9e68
```
#7c9e68 rgb(124,158,104)
```
#86a674
```
#86a674 rgb(134,166,116)
```
#90ad80
```
#90ad80 rgb(144,173,128)
```
#9bb58c
```
#9bb58c rgb(155,181,140)
```
#a5bd98
```
#a5bd98 rgb(165,189,152)
```
#b0c4a4
```
#b0c4a4 rgb(176,196,164)
```
#baccb0
```
#baccb0 rgb(186,204,176)
```
#c4d4bc
```
#c4d4bc rgb(196,212,188)
```
#cfdbc8
```
#cfdbc8 rgb(207,219,200)
```
#d9e3d4
```
#d9e3d4 rgb(217,227,212)
```
#e4ebe0
```
#e4ebe0 rgb(228,235,224)
```
#eef2ec
```
#eef2ec rgb(238,242,236)
```
#f8faf8
```
#f8faf8 rgb(248,250,248)
```

Tint Color Variation

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

#bdc2ba
```
#bdc2ba rgb(189,194,186)
```
#bbc7b5
```
#bbc7b5 rgb(187,199,181)
```
#baccb0
```
#baccb0 rgb(186,204,176)
```
#b9d1ab
```
#b9d1ab rgb(185,209,171)
```
#b7d6a6
```
#b7d6a6 rgb(183,214,166)
```
#b6dba1
```
#b6dba1 rgb(182,219,161)
```
#b4e09c
```
#b4e09c rgb(180,224,156)
```
#b3e597
```
#b3e597 rgb(179,229,151)
```
#b1ea92
```
#b1ea92 rgb(177,234,146)
```
#b0ef8d
```
#b0ef8d rgb(176,239,141)
```
#aff488
```
#aff488 rgb(175,244,136)
```
#adf983
```
#adf983 rgb(173,249,131)
```
#acfe7e
```
#acfe7e rgb(172,254,126)
```

Tone Color Variation

Below, you can see how #baccb0 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
#c1c5bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2c8b1 Protanopia 1% of men
#e2c2b7 Deuteranopia 1% of men
#c4c9d7 Tritanopia 0.001% of the population

Trichromacy

#c9c9b0 Protanomaly 1% of men, 0.01% of women
#d3c6b5 Deuteranomaly 6% of men, 0.4% of women
#c0cac9 Tritanomaly 0.01% of the population

#baccb0 hex color

#baccb0 Color Information

#baccb0 Color Conversion

Color Schemes with #baccb0

Alternatives to #baccb0

#baccb0 Preview

Shades and Tints of #baccb0

Tones of #baccb0

Color Blindness Simulator