#b1c7d6 hex color

In a RGB color space, hex #b1c7d6 is composed of 69.4% red, 78% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 17.3% cyan, 7% magenta, 0% yellow and 16.1% black. It has a hue angle of 204.3 degrees, a saturation of 31.1% and a lightness of 76.7%. #b1c7d6 color hex could be obtained by blending #ffffff with #638fad. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 78
- B 84
RGB color chart
- C 17
- M 7
- Y 0
- K 16
CMYK color chart

● #b1c7d6 color description : Grayish blue.

The hexadecimal color #b1c7d6 has RGB values of R:177, G:199, B:214 and CMYK values of C:0.17, M:0.07, Y:0, K:0.16. Its decimal value is 11651030.

Hex triplet	b1c7d6	`#b1c7d6`
RGB Decimal	177, 199, 214	`rgb(177,199,214)`
RGB Percent	69.4, 78, 83.9	`rgb(69.4%,78%,83.9%)`
CMYK	17, 7, 0, 16
HSL	204.3°, 31.1, 76.7	`hsl(204.3,31.1%,76.7%)`
HSV (or HSB)	204.3°, 17.3, 83.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	79.069, -4.305, -9.982
XYZ	50.69, 55.048, 71.569
xyY	0.286, 0.31, 55.048
CIE-LCH	79.069, 10.871, 246.673
CIE-LUV	79.069, -12.348, -14.675
Hunter-Lab	74.194, -7.888, -5.256
Binary	10110001, 11000111, 11010110

#b1c7d6
```
#b1c7d6 rgb(177,199,214)
```
#d6c0b1
```
#d6c0b1 rgb(214,192,177)
```

Complementary Color

#b1d6d3
```
#b1d6d3 rgb(177,214,211)
```
#b1c7d6
```
#b1c7d6 rgb(177,199,214)
```
#b1b5d6
```
#b1b5d6 rgb(177,181,214)
```

Analogous Color

#d6d3b1
```
#d6d3b1 rgb(214,211,177)
```
#b1c7d6
```
#b1c7d6 rgb(177,199,214)
```
#d6b1b5
```
#d6b1b5 rgb(214,177,181)
```

Split Complementary Color

#c7d6b1
```
#c7d6b1 rgb(199,214,177)
```
#b1c7d6
```
#b1c7d6 rgb(177,199,214)
```
#d6b1c7
```
#d6b1c7 rgb(214,177,199)
```

Triadic Color

#b1d6c0
```
#b1d6c0 rgb(177,214,192)
```
#b1c7d6
```
#b1c7d6 rgb(177,199,214)
```
#d6b1c7
```
#d6b1c7 rgb(214,177,199)
```
#d6c0b1
```
#d6c0b1 rgb(214,192,177)
```

Tetradic Color

#7fa3bc
```
#7fa3bc rgb(127,163,188)
```
#90afc4
```
#90afc4 rgb(144,175,196)
```
#a0bbcd
```
#a0bbcd rgb(160,187,205)
```
#b1c7d6
```
#b1c7d6 rgb(177,199,214)
```
#c2d3df
```
#c2d3df rgb(194,211,223)
```
#d2dfe8
```
#d2dfe8 rgb(210,223,232)
```
#e3ebf0
```
#e3ebf0 rgb(227,235,240)
```

Monochromatic Color

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

#b1d0d6
```
#b1d0d6 rgb(177,208,214)
```
#b1cdd6
```
#b1cdd6 rgb(177,205,214)
```
#b1cad6
```
#b1cad6 rgb(177,202,214)
```
#b1c7d6
```
#b1c7d6 rgb(177,199,214)
```
#b1c4d6
```
#b1c4d6 rgb(177,196,214)
```
#b1c1d6
```
#b1c1d6 rgb(177,193,214)
```
#b1bed6
```
#b1bed6 rgb(177,190,214)
```

Similar Colors

Text with hexadecimal color #b1c7d6

This text has a font color of #b1c7d6.

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

#b1c7d6 background color

This paragraph has a background color of #b1c7d6.

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

#b1c7d6 border color

This element has a border color of #b1c7d6.

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

CSS codes

.text {color:#b1c7d6;}

.background {background-color:#b1c7d6;}

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

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, #060a0c is the darkest color, while #fefeff is the lightest one.

#060a0c
```
#060a0c rgb(6,10,12)
```
#0d1419
```
#0d1419 rgb(13,20,25)
```
#141e26
```
#141e26 rgb(20,30,38)
```
#1b2933
```
#1b2933 rgb(27,41,51)
```
#21333f
```
#21333f rgb(33,51,63)
```
#283e4c
```
#283e4c rgb(40,62,76)
```
#2f4859
```
#2f4859 rgb(47,72,89)
```
#365266
```
#365266 rgb(54,82,102)
```
#3c5d73
```
#3c5d73 rgb(60,93,115)
```
#436780
```
#436780 rgb(67,103,128)
```
#4a728d
```
#4a728d rgb(74,114,141)
```
#517c99
```
#517c99 rgb(81,124,153)
```
#5786a6
```
#5786a6 rgb(87,134,166)
```

Shade Color Variation

#6490ad
```
#6490ad rgb(100,144,173)
```
#7199b4
```
#7199b4 rgb(113,153,180)
```
#7ea2bb
```
#7ea2bb rgb(126,162,187)
```
#8aabc2
```
#8aabc2 rgb(138,171,194)
```
#97b5c8
```
#97b5c8 rgb(151,181,200)
```
#a4becf
```
#a4becf rgb(164,190,207)
```
#b1c7d6
```
#b1c7d6 rgb(177,199,214)
```
#bed0dd
```
#bed0dd rgb(190,208,221)
```
#cbd9e4
```
#cbd9e4 rgb(203,217,228)
```
#d8e3ea
```
#d8e3ea rgb(216,227,234)
```
#e4ecf1
```
#e4ecf1 rgb(228,236,241)
```
#f1f5f8
```
#f1f5f8 rgb(241,245,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#c3c4c4
```
#c3c4c4 rgb(195,196,196)
```
#bfc4c8
```
#bfc4c8 rgb(191,196,200)
```
#bac5cd
```
#bac5cd rgb(186,197,205)
```
#b6c6d1
```
#b6c6d1 rgb(182,198,209)
```
#b1c7d6
```
#b1c7d6 rgb(177,199,214)
```
#acc8db
```
#acc8db rgb(172,200,219)
```
#a8c9df
```
#a8c9df rgb(168,201,223)
```
#a3cae4
```
#a3cae4 rgb(163,202,228)
```
#9fcae8
```
#9fcae8 rgb(159,202,232)
```
#9acbed
```
#9acbed rgb(154,203,237)
```
#96ccf1
```
#96ccf1 rgb(150,204,241)
```
#91cdf6
```
#91cdf6 rgb(145,205,246)
```
#8ccefb
```
#8ccefb rgb(140,206,251)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#bfc3c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c5d5 Protanopia 1% of men
#cfc1da Deuteranopia 1% of men
#b5c9d8 Tritanopia 0.001% of the population

Trichromacy

#bec6d5 Protanomaly 1% of men, 0.01% of women
#c4c3d9 Deuteranomaly 6% of men, 0.4% of women
#b3c8d7 Tritanomaly 0.01% of the population

#b1c7d6 hex color

#b1c7d6 Color Information

#b1c7d6 Color Conversion

Color Schemes with #b1c7d6

Alternatives to #b1c7d6

#b1c7d6 Preview

Shades and Tints of #b1c7d6

Tones of #b1c7d6

Color Blindness Simulator