#b1c4c2 hex color

In a RGB color space, hex #b1c4c2 is composed of 69.4% red, 76.9% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 9.7% cyan, 0% magenta, 1% yellow and 23.1% black. It has a hue angle of 173.7 degrees, a saturation of 13.9% and a lightness of 73.1%. #b1c4c2 color hex could be obtained by blending #ffffff with #638985. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 77
- B 76
RGB color chart
- C 10
- M 0
- Y 1
- K 23
CMYK color chart

● #b1c4c2 color description : Grayish cyan.

The hexadecimal color #b1c4c2 has RGB values of R:177, G:196, B:194 and CMYK values of C:0.1, M:0, Y:0.01, K:0.23. Its decimal value is 11650242.

Hex triplet	b1c4c2	`#b1c4c2`
RGB Decimal	177, 196, 194	`rgb(177,196,194)`
RGB Percent	69.4, 76.9, 76.1	`rgb(69.4%,76.9%,76.1%)`
CMYK	10, 0, 1, 23
HSL	173.7°, 13.9, 73.1	`hsl(173.7,13.9%,73.1%)`
HSV (or HSB)	173.7°, 9.7, 76.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	77.71, -6.841, -1.21
XYZ	47.607, 52.721, 58.704
xyY	0.299, 0.332, 52.721
CIE-LCH	77.71, 6.947, 190.031
CIE-LUV	77.71, -10.245, -0.651
Hunter-Lab	72.609, -10.032, 2.891
Binary	10110001, 11000100, 11000010

#b1c4c2
```
#b1c4c2 rgb(177,196,194)
```
#c4b1b3
```
#c4b1b3 rgb(196,177,179)
```

Complementary Color

#b1c4b9
```
#b1c4b9 rgb(177,196,185)
```
#b1c4c2
```
#b1c4c2 rgb(177,196,194)
```
#b1bdc4
```
#b1bdc4 rgb(177,189,196)
```

Analogous Color

#c4b9b1
```
#c4b9b1 rgb(196,185,177)
```
#b1c4c2
```
#b1c4c2 rgb(177,196,194)
```
#c4b1bd
```
#c4b1bd rgb(196,177,189)
```

Split Complementary Color

#c4c2b1
```
#c4c2b1 rgb(196,194,177)
```
#b1c4c2
```
#b1c4c2 rgb(177,196,194)
```
#c2b1c4
```
#c2b1c4 rgb(194,177,196)
```

Triadic Color

#b3c4b1
```
#b3c4b1 rgb(179,196,177)
```
#b1c4c2
```
#b1c4c2 rgb(177,196,194)
```
#c2b1c4
```
#c2b1c4 rgb(194,177,196)
```
#c4b1b3
```
#c4b1b3 rgb(196,177,179)
```

Tetradic Color

#85a3a0
```
#85a3a0 rgb(133,163,160)
```
#94aeab
```
#94aeab rgb(148,174,171)
```
#a2b9b7
```
#a2b9b7 rgb(162,185,183)
```
#b1c4c2
```
#b1c4c2 rgb(177,196,194)
```
#c0cfcd
```
#c0cfcd rgb(192,207,205)
```
#cedad9
```
#cedad9 rgb(206,218,217)
```
#dde5e4
```
#dde5e4 rgb(221,229,228)
```

Monochromatic Color

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

#b1c4bd
```
#b1c4bd rgb(177,196,189)
```
#b1c4bf
```
#b1c4bf rgb(177,196,191)
```
#b1c4c0
```
#b1c4c0 rgb(177,196,192)
```
#b1c4c2
```
#b1c4c2 rgb(177,196,194)
```
#b1c4c4
```
#b1c4c4 rgb(177,196,196)
```
#b1c3c4
```
#b1c3c4 rgb(177,195,196)
```
#b1c1c4
```
#b1c1c4 rgb(177,193,196)
```

Similar Colors

Text with hexadecimal color #b1c4c2

This text has a font color of #b1c4c2.

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

#b1c4c2 background color

This paragraph has a background color of #b1c4c2.

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

#b1c4c2 border color

This element has a border color of #b1c4c2.

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

CSS codes

.text {color:#b1c4c2;}

.background {background-color:#b1c4c2;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#090b0b
```
#090b0b rgb(9,11,11)
```
#111716
```
#111716 rgb(17,23,22)
```
#192221
```
#192221 rgb(25,34,33)
```
#222d2c
```
#222d2c rgb(34,45,44)
```
#2a3837
```
#2a3837 rgb(42,56,55)
```
#334341
```
#334341 rgb(51,67,65)
```
#3b4e4c
```
#3b4e4c rgb(59,78,76)
```
#445a57
```
#445a57 rgb(68,90,87)
```
#4c6562
```
#4c6562 rgb(76,101,98)
```
#55706d
```
#55706d rgb(85,112,109)
```
#5d7b78
```
#5d7b78 rgb(93,123,120)
```
#668683
```
#668683 rgb(102,134,131)
```

Shade Color Variation

#6e918e
```
#6e918e rgb(110,145,142)
```
#799a96
```
#799a96 rgb(121,154,150)
```
#84a29f
```
#84a29f rgb(132,162,159)
```
#8faba8
```
#8faba8 rgb(143,171,168)
```
#9bb3b1
```
#9bb3b1 rgb(155,179,177)
```
#a6bcb9
```
#a6bcb9 rgb(166,188,185)
```
#b1c4c2
```
#b1c4c2 rgb(177,196,194)
```
#bccccb
```
#bccccb rgb(188,204,203)
```
#c7d5d3
```
#c7d5d3 rgb(199,213,211)
```
#d3dddc
```
#d3dddc rgb(211,221,220)
```
#dee6e5
```
#dee6e5 rgb(222,230,229)
```
#e9eeee
```
#e9eeee rgb(233,238,238)
```
#f4f7f6
```
#f4f7f6 rgb(244,247,246)
```

Tint Color Variation

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

#b6bfbe
```
#b6bfbe rgb(182,191,190)
```
#b1c4c2
```
#b1c4c2 rgb(177,196,194)
```
#acc9c6
```
#acc9c6 rgb(172,201,198)
```
#a6cfca
```
#a6cfca rgb(166,207,202)
```
#a1d4ce
```
#a1d4ce rgb(161,212,206)
```
#9cd9d3
```
#9cd9d3 rgb(156,217,211)
```
#97ded7
```
#97ded7 rgb(151,222,215)
```
#91e4db
```
#91e4db rgb(145,228,219)
```
#8ce9df
```
#8ce9df rgb(140,233,223)
```
#87eee3
```
#87eee3 rgb(135,238,227)
```
#82f3e7
```
#82f3e7 rgb(130,243,231)
```
#7cf9ec
```
#7cf9ec rgb(124,249,236)
```
#77fef0
```
#77fef0 rgb(119,254,240)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bbbfbf Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c2c2 Protanopia 1% of men
#d2bdc8 Deuteranopia 1% of men
#b7c4d2 Tritanopia 0.001% of the population

Trichromacy

#bec2c2 Protanomaly 1% of men, 0.01% of women
#c6c0c5 Deuteranomaly 6% of men, 0.4% of women
#b5c4cc Tritanomaly 0.01% of the population

#b1c4c2 hex color

#b1c4c2 Color Information

#b1c4c2 Color Conversion

Color Schemes with #b1c4c2

Alternatives to #b1c4c2

#b1c4c2 Preview

Shades and Tints of #b1c4c2

Tones of #b1c4c2

Color Blindness Simulator