#b7c1cc hex color

In a RGB color space, hex #b7c1cc is composed of 71.8% red, 75.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 10.3% cyan, 5.4% magenta, 0% yellow and 20% black. It has a hue angle of 211.4 degrees, a saturation of 17.1% and a lightness of 75.9%. #b7c1cc color hex could be obtained by blending #ffffff with #6f8399. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 72
- G 76
- B 80
RGB color chart
- C 10
- M 5
- Y 0
- K 20
CMYK color chart

● #b7c1cc color description : Grayish blue.

The hexadecimal color #b7c1cc has RGB values of R:183, G:193, B:204 and CMYK values of C:0.1, M:0.05, Y:0, K:0.2. Its decimal value is 12042700.

Hex triplet	b7c1cc	`#b7c1cc`
RGB Decimal	183, 193, 204	`rgb(183,193,204)`
RGB Percent	71.8, 75.7, 80	`rgb(71.8%,75.7%,80%)`
CMYK	10, 5, 0, 20
HSL	211.4°, 17.1, 75.9	`hsl(211.4,17.1%,75.9%)`
HSV (or HSB)	211.4°, 10.3, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.618, -1.262, -6.699
XYZ	49.495, 52.566, 64.662
xyY	0.297, 0.315, 52.566
CIE-LCH	77.618, 6.817, 259.328
CIE-LUV	77.618, -6.047, -9.988
Hunter-Lab	72.503, -5.023, -2.126
Binary	10110111, 11000001, 11001100

#b7c1cc
```
#b7c1cc rgb(183,193,204)
```
#ccc2b7
```
#ccc2b7 rgb(204,194,183)
```

Complementary Color

#b7cccc
```
#b7cccc rgb(183,204,204)
```
#b7c1cc
```
#b7c1cc rgb(183,193,204)
```
#b8b7cc
```
#b8b7cc rgb(184,183,204)
```

Analogous Color

#ccccb7
```
#ccccb7 rgb(204,204,183)
```
#b7c1cc
```
#b7c1cc rgb(183,193,204)
```
#ccb8b7
```
#ccb8b7 rgb(204,184,183)
```

Split Complementary Color

#c1ccb7
```
#c1ccb7 rgb(193,204,183)
```
#b7c1cc
```
#b7c1cc rgb(183,193,204)
```
#ccb7c1
```
#ccb7c1 rgb(204,183,193)
```

Triadic Color

#b7ccc2
```
#b7ccc2 rgb(183,204,194)
```
#b7c1cc
```
#b7c1cc rgb(183,193,204)
```
#ccb7c1
```
#ccb7c1 rgb(204,183,193)
```
#ccc2b7
```
#ccc2b7 rgb(204,194,183)
```

Tetradic Color

#8a9aac
```
#8a9aac rgb(138,154,172)
```
#99a7b7
```
#99a7b7 rgb(153,167,183)
```
#a8b4c1
```
#a8b4c1 rgb(168,180,193)
```
#b7c1cc
```
#b7c1cc rgb(183,193,204)
```
#c6ced7
```
#c6ced7 rgb(198,206,215)
```
#d5dbe1
```
#d5dbe1 rgb(213,219,225)
```
#e4e8ec
```
#e4e8ec rgb(228,232,236)
```

Monochromatic Color

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

#b7c6cc
```
#b7c6cc rgb(183,198,204)
```
#b7c5cc
```
#b7c5cc rgb(183,197,204)
```
#b7c3cc
```
#b7c3cc rgb(183,195,204)
```
#b7c1cc
```
#b7c1cc rgb(183,193,204)
```
#b7bfcc
```
#b7bfcc rgb(183,191,204)
```
#b7becc
```
#b7becc rgb(183,190,204)
```
#b7bccc
```
#b7bccc rgb(183,188,204)
```

Similar Colors

Text with hexadecimal color #b7c1cc

This text has a font color of #b7c1cc.

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

#b7c1cc background color

This paragraph has a background color of #b7c1cc.

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

#b7c1cc border color

This element has a border color of #b7c1cc.

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

CSS codes

.text {color:#b7c1cc;}

.background {background-color:#b7c1cc;}

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

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

#060708
```
#060708 rgb(6,7,8)
```
#0e1114
```
#0e1114 rgb(14,17,20)
```
#161b1f
```
#161b1f rgb(22,27,31)
```
#1e242b
```
#1e242b rgb(30,36,43)
```
#262e36
```
#262e36 rgb(38,46,54)
```
#2f3842
```
#2f3842 rgb(47,56,66)
```
#37414d
```
#37414d rgb(55,65,77)
```
#3f4b59
```
#3f4b59 rgb(63,75,89)
```
#475564
```
#475564 rgb(71,85,100)
```
#4f5f70
```
#4f5f70 rgb(79,95,112)
```
#57687b
```
#57687b rgb(87,104,123)
```
#5f7287
```
#5f7287 rgb(95,114,135)
```
#687c92
```
#687c92 rgb(104,124,146)
```

Shade Color Variation

#72869b
```
#72869b rgb(114,134,155)
```
#7e90a3
```
#7e90a3 rgb(126,144,163)
```
#8999ab
```
#8999ab rgb(137,153,171)
```
#95a3b4
```
#95a3b4 rgb(149,163,180)
```
#a0adbc
```
#a0adbc rgb(160,173,188)
```
#acb7c4
```
#acb7c4 rgb(172,183,196)
```
#b7c1cc
```
#b7c1cc rgb(183,193,204)
```
#c2cbd4
```
#c2cbd4 rgb(194,203,212)
```
#ced5dc
```
#ced5dc rgb(206,213,220)
```
#d9dfe4
```
#d9dfe4 rgb(217,223,228)
```
#e5e9ed
```
#e5e9ed rgb(229,233,237)
```
#f0f2f5
```
#f0f2f5 rgb(240,242,245)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#c0c1c3
```
#c0c1c3 rgb(192,193,195)
```
#bcc1c7
```
#bcc1c7 rgb(188,193,199)
```
#b7c1cc
```
#b7c1cc rgb(183,193,204)
```
#b2c1d1
```
#b2c1d1 rgb(178,193,209)
```
#aec1d5
```
#aec1d5 rgb(174,193,213)
```
#a9c0da
```
#a9c0da rgb(169,192,218)
```
#a4c0df
```
#a4c0df rgb(164,192,223)
```
#9fc0e4
```
#9fc0e4 rgb(159,192,228)
```
#9bc0e8
```
#9bc0e8 rgb(155,192,232)
```
#96bfed
```
#96bfed rgb(150,191,237)
```
#91bff2
```
#91bff2 rgb(145,191,242)
```
#8cbff7
```
#8cbff7 rgb(140,191,247)
```
#88bffb
```
#88bffb rgb(136,191,251)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bdbfc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3c1cd Protanopia 1% of men
#cebdd0 Deuteranopia 1% of men
#bbc3d1 Tritanopia 0.001% of the population

Trichromacy

#bec1cc Protanomaly 1% of men, 0.01% of women
#c6bfcf Deuteranomaly 6% of men, 0.4% of women
#b9c2cf Tritanomaly 0.01% of the population

#b7c1cc hex color

#b7c1cc Color Information

#b7c1cc Color Conversion

Color Schemes with #b7c1cc

Alternatives to #b7c1cc

#b7c1cc Preview

Shades and Tints of #b7c1cc

Tones of #b7c1cc

Color Blindness Simulator