#b5ccd8 hex color

In a RGB color space, hex #b5ccd8 is composed of 71% red, 80% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 5.6% magenta, 0% yellow and 15.3% black. It has a hue angle of 200.6 degrees, a saturation of 31% and a lightness of 77.8%. #b5ccd8 color hex could be obtained by blending #ffffff with #6b99b1. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 80
- B 85
RGB color chart
- C 16
- M 6
- Y 0
- K 15
CMYK color chart

● #b5ccd8 color description : Grayish blue.

The hexadecimal color #b5ccd8 has RGB values of R:181, G:204, B:216 and CMYK values of C:0.16, M:0.06, Y:0, K:0.15. Its decimal value is 11914456.

Hex triplet	b5ccd8	`#b5ccd8`
RGB Decimal	181, 204, 216	`rgb(181,204,216)`
RGB Percent	71, 80, 84.7	`rgb(71%,80%,84.7%)`
CMYK	16, 6, 0, 15
HSL	200.6°, 31, 77.8	`hsl(200.6,31%,77.8%)`
HSV (or HSB)	200.6°, 16.2, 84.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.72, -5.247, -8.571
XYZ	53.041, 57.966, 73.356
xyY	0.288, 0.314, 57.966
CIE-LCH	80.72, 10.05, 238.523
CIE-LUV	80.72, -12.756, -12.33
Hunter-Lab	76.136, -8.883, -3.83
Binary	10110101, 11001100, 11011000

#b5ccd8
```
#b5ccd8 rgb(181,204,216)
```
#d8c1b5
```
#d8c1b5 rgb(216,193,181)
```

Complementary Color

#b5d8d3
```
#b5d8d3 rgb(181,216,211)
```
#b5ccd8
```
#b5ccd8 rgb(181,204,216)
```
#b5bbd8
```
#b5bbd8 rgb(181,187,216)
```

Analogous Color

#d8d3b5
```
#d8d3b5 rgb(216,211,181)
```
#b5ccd8
```
#b5ccd8 rgb(181,204,216)
```
#d8b5bb
```
#d8b5bb rgb(216,181,187)
```

Split Complementary Color

#ccd8b5
```
#ccd8b5 rgb(204,216,181)
```
#b5ccd8
```
#b5ccd8 rgb(181,204,216)
```
#d8b5cc
```
#d8b5cc rgb(216,181,204)
```

Triadic Color

#b5d8c1
```
#b5d8c1 rgb(181,216,193)
```
#b5ccd8
```
#b5ccd8 rgb(181,204,216)
```
#d8b5cc
```
#d8b5cc rgb(216,181,204)
```
#d8c1b5
```
#d8c1b5 rgb(216,193,181)
```

Tetradic Color

#83a9be
```
#83a9be rgb(131,169,190)
```
#94b5c6
```
#94b5c6 rgb(148,181,198)
```
#a4c0cf
```
#a4c0cf rgb(164,192,207)
```
#b5ccd8
```
#b5ccd8 rgb(181,204,216)
```
#c6d8e1
```
#c6d8e1 rgb(198,216,225)
```
#d6e3ea
```
#d6e3ea rgb(214,227,234)
```
#e7eff2
```
#e7eff2 rgb(231,239,242)
```

Monochromatic Color

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

#b5d5d8
```
#b5d5d8 rgb(181,213,216)
```
#b5d2d8
```
#b5d2d8 rgb(181,210,216)
```
#b5cfd8
```
#b5cfd8 rgb(181,207,216)
```
#b5ccd8
```
#b5ccd8 rgb(181,204,216)
```
#b5c9d8
```
#b5c9d8 rgb(181,201,216)
```
#b5c6d8
```
#b5c6d8 rgb(181,198,216)
```
#b5c3d8
```
#b5c3d8 rgb(181,195,216)
```

Similar Colors

Text with hexadecimal color #b5ccd8

This text has a font color of #b5ccd8.

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

#b5ccd8 background color

This paragraph has a background color of #b5ccd8.

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

#b5ccd8 border color

This element has a border color of #b5ccd8.

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

CSS codes

.text {color:#b5ccd8;}

.background {background-color:#b5ccd8;}

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

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

#020303
```
#020303 rgb(2,3,3)
```
#080d10
```
#080d10 rgb(8,13,16)
```
#0f181d
```
#0f181d rgb(15,24,29)
```
#16232a
```
#16232a rgb(22,35,42)
```
#1d2e36
```
#1d2e36 rgb(29,46,54)
```
#233843
```
#233843 rgb(35,56,67)
```
#2a4350
```
#2a4350 rgb(42,67,80)
```
#314e5d
```
#314e5d rgb(49,78,93)
```
#38596a
```
#38596a rgb(56,89,106)
```
#3f6377
```
#3f6377 rgb(63,99,119)
```
#456e84
```
#456e84 rgb(69,110,132)
```
#4c7990
```
#4c7990 rgb(76,121,144)
```
#53849d
```
#53849d rgb(83,132,157)
```

Shade Color Variation

#5b8ea9
```
#5b8ea9 rgb(91,142,169)
```
#6897af
```
#6897af rgb(104,151,175)
```
#75a0b6
```
#75a0b6 rgb(117,160,182)
```
#82a9bd
```
#82a9bd rgb(130,169,189)
```
#8eb1c4
```
#8eb1c4 rgb(142,177,196)
```
#9bbaca
```
#9bbaca rgb(155,186,202)
```
#a8c3d1
```
#a8c3d1 rgb(168,195,209)
```
#b5ccd8
```
#b5ccd8 rgb(181,204,216)
```
#c2d5df
```
#c2d5df rgb(194,213,223)
```
#cfdee6
```
#cfdee6 rgb(207,222,230)
```
#dce7ec
```
#dce7ec rgb(220,231,236)
```
#e8eff3
```
#e8eff3 rgb(232,239,243)
```
#f5f8fa
```
#f5f8fa rgb(245,248,250)
```

Tint Color Variation

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

#c6c7c7
```
#c6c7c7 rgb(198,199,199)
```
#c2c8cb
```
#c2c8cb rgb(194,200,203)
```
#bec9cf
```
#bec9cf rgb(190,201,207)
```
#b9cbd4
```
#b9cbd4 rgb(185,203,212)
```
#b5ccd8
```
#b5ccd8 rgb(181,204,216)
```
#b1cddc
```
#b1cddc rgb(177,205,220)
```
#accfe1
```
#accfe1 rgb(172,207,225)
```
#a8d0e5
```
#a8d0e5 rgb(168,208,229)
```
#a4d1e9
```
#a4d1e9 rgb(164,209,233)
```
#9fd3ee
```
#9fd3ee rgb(159,211,238)
```
#9bd4f2
```
#9bd4f2 rgb(155,212,242)
```
#97d6f6
```
#97d6f6 rgb(151,214,246)
```
#92d7fb
```
#92d7fb rgb(146,215,251)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c3c7ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#cac9d7 Protanopia 1% of men
#d5c6dc Deuteranopia 1% of men
#b9cedc Tritanopia 0.001% of the population

Trichromacy

#c2cad7 Protanomaly 1% of men, 0.01% of women
#c9c8db Deuteranomaly 6% of men, 0.4% of women
#b7cddb Tritanomaly 0.01% of the population

#b5ccd8 hex color

#b5ccd8 Color Information

#b5ccd8 Color Conversion

Color Schemes with #b5ccd8

Alternatives to #b5ccd8

#b5ccd8 Preview

Shades and Tints of #b5ccd8

Tones of #b5ccd8

Color Blindness Simulator