#b8c7d2 hex color

In a RGB color space, hex #b8c7d2 is composed of 72.2% red, 78% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 12.4% cyan, 5.2% magenta, 0% yellow and 17.6% black. It has a hue angle of 205.4 degrees, a saturation of 22.4% and a lightness of 77.3%. #b8c7d2 color hex could be obtained by blending #ffffff with #718fa5. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 72
- G 78
- B 82
RGB color chart
- C 12
- M 5
- Y 0
- K 18
CMYK color chart

● #b8c7d2 color description : Grayish blue.

The hexadecimal color #b8c7d2 has RGB values of R:184, G:199, B:210 and CMYK values of C:0.12, M:0.05, Y:0, K:0.18. Its decimal value is 12109778.

Hex triplet	b8c7d2	`#b8c7d2`
RGB Decimal	184, 199, 210	`rgb(184,199,210)`
RGB Percent	72.2, 78, 82.4	`rgb(72.2%,78%,82.4%)`
CMYK	12, 5, 0, 18
HSL	205.4°, 22.4, 77.3	`hsl(205.4,22.4%,77.3%)`
HSV (or HSB)	205.4°, 12.4, 82.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.437, -2.897, -7.232
XYZ	51.821, 55.69, 68.988
xyY	0.294, 0.316, 55.69
CIE-LCH	79.437, 7.79, 248.172
CIE-LUV	79.437, -8.663, -10.584
Hunter-Lab	74.626, -6.642, -2.573
Binary	10111000, 11000111, 11010010

#b8c7d2
```
#b8c7d2 rgb(184,199,210)
```
#d2c3b8
```
#d2c3b8 rgb(210,195,184)
```

Complementary Color

#b8d2d0
```
#b8d2d0 rgb(184,210,208)
```
#b8c7d2
```
#b8c7d2 rgb(184,199,210)
```
#b8bad2
```
#b8bad2 rgb(184,186,210)
```

Analogous Color

#d2d0b8
```
#d2d0b8 rgb(210,208,184)
```
#b8c7d2
```
#b8c7d2 rgb(184,199,210)
```
#d2b8ba
```
#d2b8ba rgb(210,184,186)
```

Split Complementary Color

#c7d2b8
```
#c7d2b8 rgb(199,210,184)
```
#b8c7d2
```
#b8c7d2 rgb(184,199,210)
```
#d2b8c7
```
#d2b8c7 rgb(210,184,199)
```

Triadic Color

#b8d2c3
```
#b8d2c3 rgb(184,210,195)
```
#b8c7d2
```
#b8c7d2 rgb(184,199,210)
```
#d2b8c7
```
#d2b8c7 rgb(210,184,199)
```
#d2c3b8
```
#d2c3b8 rgb(210,195,184)
```

Tetradic Color

#89a2b4
```
#89a2b4 rgb(137,162,180)
```
#99aebe
```
#99aebe rgb(153,174,190)
```
#a8bbc8
```
#a8bbc8 rgb(168,187,200)
```
#b8c7d2
```
#b8c7d2 rgb(184,199,210)
```
#c8d3dc
```
#c8d3dc rgb(200,211,220)
```
#d7e0e6
```
#d7e0e6 rgb(215,224,230)
```
#e7ecf0
```
#e7ecf0 rgb(231,236,240)
```

Monochromatic Color

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

#b8ced2
```
#b8ced2 rgb(184,206,210)
```
#b8cbd2
```
#b8cbd2 rgb(184,203,210)
```
#b8c9d2
```
#b8c9d2 rgb(184,201,210)
```
#b8c7d2
```
#b8c7d2 rgb(184,199,210)
```
#b8c5d2
```
#b8c5d2 rgb(184,197,210)
```
#b8c3d2
```
#b8c3d2 rgb(184,195,210)
```
#b8c1d2
```
#b8c1d2 rgb(184,193,210)
```

Similar Colors

Text with hexadecimal color #b8c7d2

This text has a font color of #b8c7d2.

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

#b8c7d2 background color

This paragraph has a background color of #b8c7d2.

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

#b8c7d2 border color

This element has a border color of #b8c7d2.

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

CSS codes

.text {color:#b8c7d2;}

.background {background-color:#b8c7d2;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080b0d
```
#080b0d rgb(8,11,13)
```
#101519
```
#101519 rgb(16,21,25)
```
#171f25
```
#171f25 rgb(23,31,37)
```
#1f2931
```
#1f2931 rgb(31,41,49)
```
#27343d
```
#27343d rgb(39,52,61)
```
#2e3e49
```
#2e3e49 rgb(46,62,73)
```
#364855
```
#364855 rgb(54,72,85)
```
#3e5261
```
#3e5261 rgb(62,82,97)
```
#455c6d
```
#455c6d rgb(69,92,109)
```
#4d6679
```
#4d6679 rgb(77,102,121)
```
#547085
```
#547085 rgb(84,112,133)
```
#5c7b91
```
#5c7b91 rgb(92,123,145)
```

Shade Color Variation

#64859d
```
#64859d rgb(100,133,157)
```
#708ea4
```
#708ea4 rgb(112,142,164)
```
#7c98ac
```
#7c98ac rgb(124,152,172)
```
#88a1b4
```
#88a1b4 rgb(136,161,180)
```
#94abbb
```
#94abbb rgb(148,171,187)
```
#a0b4c3
```
#a0b4c3 rgb(160,180,195)
```
#acbeca
```
#acbeca rgb(172,190,202)
```
#b8c7d2
```
#b8c7d2 rgb(184,199,210)
```
#c4d0da
```
#c4d0da rgb(196,208,218)
```
#d0dae1
```
#d0dae1 rgb(208,218,225)
```
#dce3e9
```
#dce3e9 rgb(220,227,233)
```
#e8edf0
```
#e8edf0 rgb(232,237,240)
```
#f4f6f8
```
#f4f6f8 rgb(244,246,248)
```

Tint Color Variation

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

#c1c6c9
```
#c1c6c9 rgb(193,198,201)
```
#bcc6ce
```
#bcc6ce rgb(188,198,206)
```
#b8c7d2
```
#b8c7d2 rgb(184,199,210)
```
#b4c8d6
```
#b4c8d6 rgb(180,200,214)
```
#afc8db
```
#afc8db rgb(175,200,219)
```
#abc9df
```
#abc9df rgb(171,201,223)
```
#a6cae4
```
#a6cae4 rgb(166,202,228)
```
#a2cae8
```
#a2cae8 rgb(162,202,232)
```
#9dcbed
```
#9dcbed rgb(157,203,237)
```
#99ccf1
```
#99ccf1 rgb(153,204,241)
```
#94ccf6
```
#94ccf6 rgb(148,204,246)
```
#90cdfa
```
#90cdfa rgb(144,205,250)
```
#8bceff
```
#8bceff rgb(139,206,255)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c2c5c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c6d2 Protanopia 1% of men
#d3c2d6 Deuteranopia 1% of men
#bcc9d7 Tritanopia 0.001% of the population

Trichromacy

#c2c6d2 Protanomaly 1% of men, 0.01% of women
#c9c4d5 Deuteranomaly 6% of men, 0.4% of women
#bac8d5 Tritanomaly 0.01% of the population

#b8c7d2 hex color

#b8c7d2 Color Information

#b8c7d2 Color Conversion

Color Schemes with #b8c7d2

Alternatives to #b8c7d2

#b8c7d2 Preview

Shades and Tints of #b8c7d2

Tones of #b8c7d2

Color Blindness Simulator