#b2c4ba hex color

In a RGB color space, hex #b2c4ba is composed of 69.8% red, 76.9% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 9.2% cyan, 0% magenta, 5.1% yellow and 23.1% black. It has a hue angle of 146.7 degrees, a saturation of 13.2% and a lightness of 73.3%. #b2c4ba color hex could be obtained by blending #ffffff with #658975. Closest websafe color is: #99cccc.

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

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

The hexadecimal color #b2c4ba has RGB values of R:178, G:196, B:186 and CMYK values of C:0.09, M:0, Y:0.05, K:0.23. Its decimal value is 11715770.

Hex triplet	b2c4ba	`#b2c4ba`
RGB Decimal	178, 196, 186	`rgb(178,196,186)`
RGB Percent	69.8, 76.9, 72.9	`rgb(69.8%,76.9%,72.9%)`
CMYK	9, 0, 5, 23
HSL	146.7°, 13.2, 73.3	`hsl(146.7,13.2%,73.3%)`
HSV (or HSB)	146.7°, 9.2, 76.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	77.573, -8.052, 2.916
XYZ	46.961, 52.489, 54.109
xyY	0.306, 0.342, 52.489
CIE-LCH	77.573, 8.563, 160.093
CIE-LUV	77.573, -9.439, 5.714
Hunter-Lab	72.45, -11.085, 6.434
Binary	10110010, 11000100, 10111010

#b2c4ba
```
#b2c4ba rgb(178,196,186)
```
#c4b2bc
```
#c4b2bc rgb(196,178,188)
```

Complementary Color

#b3c4b2
```
#b3c4b2 rgb(179,196,178)
```
#b2c4ba
```
#b2c4ba rgb(178,196,186)
```
#b2c4c3
```
#b2c4c3 rgb(178,196,195)
```

Analogous Color

#c4b2b3
```
#c4b2b3 rgb(196,178,179)
```
#b2c4ba
```
#b2c4ba rgb(178,196,186)
```
#c3b2c4
```
#c3b2c4 rgb(195,178,196)
```

Split Complementary Color

#c4bab2
```
#c4bab2 rgb(196,186,178)
```
#b2c4ba
```
#b2c4ba rgb(178,196,186)
```
#bab2c4
```
#bab2c4 rgb(186,178,196)
```

Triadic Color

#bcc4b2
```
#bcc4b2 rgb(188,196,178)
```
#b2c4ba
```
#b2c4ba rgb(178,196,186)
```
#bab2c4
```
#bab2c4 rgb(186,178,196)
```
#c4b2bc
```
#c4b2bc rgb(196,178,188)
```

Tetradic Color

#87a393
```
#87a393 rgb(135,163,147)
```
#95aea0
```
#95aea0 rgb(149,174,160)
```
#a4b9ad
```
#a4b9ad rgb(164,185,173)
```
#b2c4ba
```
#b2c4ba rgb(178,196,186)
```
#c0cfc7
```
#c0cfc7 rgb(192,207,199)
```
#cfdad4
```
#cfdad4 rgb(207,218,212)
```
#dde5e1
```
#dde5e1 rgb(221,229,225)
```

Monochromatic Color

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

#b2c4b6
```
#b2c4b6 rgb(178,196,182)
```
#b2c4b7
```
#b2c4b7 rgb(178,196,183)
```
#b2c4b9
```
#b2c4b9 rgb(178,196,185)
```
#b2c4ba
```
#b2c4ba rgb(178,196,186)
```
#b2c4bc
```
#b2c4bc rgb(178,196,188)
```
#b2c4bd
```
#b2c4bd rgb(178,196,189)
```
#b2c4bf
```
#b2c4bf rgb(178,196,191)
```

Similar Colors

Text with hexadecimal color #b2c4ba

This text has a font color of #b2c4ba.

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

#b2c4ba background color

This paragraph has a background color of #b2c4ba.

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

#b2c4ba border color

This element has a border color of #b2c4ba.

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

CSS codes

.text {color:#b2c4ba;}

.background {background-color:#b2c4ba;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090c0a
```
#090c0a rgb(9,12,10)
```
#121714
```
#121714 rgb(18,23,20)
```
#1a221e
```
#1a221e rgb(26,34,30)
```
#232d27
```
#232d27 rgb(35,45,39)
```
#2b3831
```
#2b3831 rgb(43,56,49)
```
#34433b
```
#34433b rgb(52,67,59)
```
#3c4e44
```
#3c4e44 rgb(60,78,68)
```
#455a4e
```
#455a4e rgb(69,90,78)
```
#4d6558
```
#4d6558 rgb(77,101,88)
```
#567061
```
#567061 rgb(86,112,97)
```
#5e7b6b
```
#5e7b6b rgb(94,123,107)
```
#678675
```
#678675 rgb(103,134,117)
```

Shade Color Variation

#6f917e
```
#6f917e rgb(111,145,126)
```
#7a9988
```
#7a9988 rgb(122,153,136)
```
#86a292
```
#86a292 rgb(134,162,146)
```
#91aa9c
```
#91aa9c rgb(145,170,156)
```
#9cb3a6
```
#9cb3a6 rgb(156,179,166)
```
#a7bbb0
```
#a7bbb0 rgb(167,187,176)
```
#b2c4ba
```
#b2c4ba rgb(178,196,186)
```
#bdcdc4
```
#bdcdc4 rgb(189,205,196)
```
#c8d5ce
```
#c8d5ce rgb(200,213,206)
```
#d3ded8
```
#d3ded8 rgb(211,222,216)
```
#dee6e2
```
#dee6e2 rgb(222,230,226)
```
#eaefec
```
#eaefec rgb(234,239,236)
```
#f5f7f6
```
#f5f7f6 rgb(245,247,246)
```

Tint Color Variation

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

#b7bfbb
```
#b7bfbb rgb(183,191,187)
```
#b2c4ba
```
#b2c4ba rgb(178,196,186)
```
#adc9b9
```
#adc9b9 rgb(173,201,185)
```
#a8ceb9
```
#a8ceb9 rgb(168,206,185)
```
#a2d4b8
```
#a2d4b8 rgb(162,212,184)
```
#9dd9b8
```
#9dd9b8 rgb(157,217,184)
```
#98deb7
```
#98deb7 rgb(152,222,183)
```
#93e3b7
```
#93e3b7 rgb(147,227,183)
```
#8de9b6
```
#8de9b6 rgb(141,233,182)
```
#88eeb5
```
#88eeb5 rgb(136,238,181)
```
#83f3b5
```
#83f3b5 rgb(131,243,181)
```
#7ef8b4
```
#7ef8b4 rgb(126,248,180)
```
#78feb4
```
#78feb4 rgb(120,254,180)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bbbebc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c2bb Protanopia 1% of men
#d5bdc0 Deuteranopia 1% of men
#bac3d1 Tritanopia 0.001% of the population

Trichromacy

#c0c2ba Protanomaly 1% of men, 0.01% of women
#c8bfbe Deuteranomaly 6% of men, 0.4% of women
#b7c3c9 Tritanomaly 0.01% of the population

#b2c4ba hex color

#b2c4ba Color Information

#b2c4ba Color Conversion

Color Schemes with #b2c4ba

Alternatives to #b2c4ba

#b2c4ba Preview

Shades and Tints of #b2c4ba

Tones of #b2c4ba

Color Blindness Simulator