#b5ccd4 hex color

In a RGB color space, hex #b5ccd4 is composed of 71% red, 80% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 14.6% cyan, 3.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 195.5 degrees, a saturation of 26.5% and a lightness of 77.1%. #b5ccd4 color hex could be obtained by blending #ffffff with #6b99a9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 80
- B 83
RGB color chart
- C 15
- M 4
- Y 0
- K 17
CMYK color chart

● #b5ccd4 color description : Grayish blue.

The hexadecimal color #b5ccd4 has RGB values of R:181, G:204, B:212 and CMYK values of C:0.15, M:0.04, Y:0, K:0.17. Its decimal value is 11914452.

Hex triplet	b5ccd4	`#b5ccd4`
RGB Decimal	181, 204, 212	`rgb(181,204,212)`
RGB Percent	71, 80, 83.1	`rgb(71%,80%,83.1%)`
CMYK	15, 4, 0, 17
HSL	195.5°, 26.5, 77.1	`hsl(195.5,26.5%,77.1%)`
HSV (or HSB)	195.5°, 14.6, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.606, -6.083, -6.597
XYZ	52.53, 57.762, 70.665
xyY	0.29, 0.319, 57.762
CIE-LCH	80.606, 8.973, 227.319
CIE-LUV	80.606, -12.627, -9.089
Hunter-Lab	76.001, -9.628, -1.926
Binary	10110101, 11001100, 11010100

#b5ccd4
```
#b5ccd4 rgb(181,204,212)
```
#d4bdb5
```
#d4bdb5 rgb(212,189,181)
```

Complementary Color

#b5d4cd
```
#b5d4cd rgb(181,212,205)
```
#b5ccd4
```
#b5ccd4 rgb(181,204,212)
```
#b5bdd4
```
#b5bdd4 rgb(181,189,212)
```

Analogous Color

#d4cdb5
```
#d4cdb5 rgb(212,205,181)
```
#b5ccd4
```
#b5ccd4 rgb(181,204,212)
```
#d4b5bd
```
#d4b5bd rgb(212,181,189)
```

Split Complementary Color

#ccd4b5
```
#ccd4b5 rgb(204,212,181)
```
#b5ccd4
```
#b5ccd4 rgb(181,204,212)
```
#d4b5cc
```
#d4b5cc rgb(212,181,204)
```

Triadic Color

#b5d4bd
```
#b5d4bd rgb(181,212,189)
```
#b5ccd4
```
#b5ccd4 rgb(181,204,212)
```
#d4b5cc
```
#d4b5cc rgb(212,181,204)
```
#d4bdb5
```
#d4bdb5 rgb(212,189,181)
```

Tetradic Color

#85abb8
```
#85abb8 rgb(133,171,184)
```
#95b6c1
```
#95b6c1 rgb(149,182,193)
```
#a5c1cb
```
#a5c1cb rgb(165,193,203)
```
#b5ccd4
```
#b5ccd4 rgb(181,204,212)
```
#c5d7dd
```
#c5d7dd rgb(197,215,221)
```
#d5e2e7
```
#d5e2e7 rgb(213,226,231)
```
#e5edf0
```
#e5edf0 rgb(229,237,240)
```

Monochromatic Color

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

#b5d4d4
```
#b5d4d4 rgb(181,212,212)
```
#b5d1d4
```
#b5d1d4 rgb(181,209,212)
```
#b5cfd4
```
#b5cfd4 rgb(181,207,212)
```
#b5ccd4
```
#b5ccd4 rgb(181,204,212)
```
#b5c9d4
```
#b5c9d4 rgb(181,201,212)
```
#b5c7d4
```
#b5c7d4 rgb(181,199,212)
```
#b5c4d4
```
#b5c4d4 rgb(181,196,212)
```

Similar Colors

Text with hexadecimal color #b5ccd4

This text has a font color of #b5ccd4.

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

#b5ccd4 background color

This paragraph has a background color of #b5ccd4.

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

#b5ccd4 border color

This element has a border color of #b5ccd4.

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

CSS codes

.text {color:#b5ccd4;}

.background {background-color:#b5ccd4;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070b0d
```
#070b0d rgb(7,11,13)
```
#0f1719
```
#0f1719 rgb(15,23,25)
```
#162226
```
#162226 rgb(22,34,38)
```
#1d2d32
```
#1d2d32 rgb(29,45,50)
```
#24383e
```
#24383e rgb(36,56,62)
```
#2c434b
```
#2c434b rgb(44,67,75)
```
#334e57
```
#334e57 rgb(51,78,87)
```
#3a5964
```
#3a5964 rgb(58,89,100)
```
#416470
```
#416470 rgb(65,100,112)
```
#486f7d
```
#486f7d rgb(72,111,125)
```
#507a89
```
#507a89 rgb(80,122,137)
```
#578595
```
#578595 rgb(87,133,149)
```

Shade Color Variation

#5e90a2
```
#5e90a2 rgb(94,144,162)
```
#6b99a9
```
#6b99a9 rgb(107,153,169)
```
#77a1b0
```
#77a1b0 rgb(119,161,176)
```
#83aab7
```
#83aab7 rgb(131,170,183)
```
#90b2be
```
#90b2be rgb(144,178,190)
```
#9cbbc6
```
#9cbbc6 rgb(156,187,198)
```
#a9c3cd
```
#a9c3cd rgb(169,195,205)
```
#b5ccd4
```
#b5ccd4 rgb(181,204,212)
```
#c1d5db
```
#c1d5db rgb(193,213,219)
```
#cedde2
```
#cedde2 rgb(206,221,226)
```
#dae6ea
```
#dae6ea rgb(218,230,234)
```
#e7eef1
```
#e7eef1 rgb(231,238,241)
```
#f3f7f8
```
#f3f7f8 rgb(243,247,248)
```

Tint Color Variation

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

#c3c5c7
```
#c3c5c7 rgb(195,197,199)
```
#bec8cb
```
#bec8cb rgb(190,200,203)
```
#bacad0
```
#bacad0 rgb(186,202,208)
```
#b5ccd4
```
#b5ccd4 rgb(181,204,212)
```
#b1ced9
```
#b1ced9 rgb(177,206,217)
```
#acd0dd
```
#acd0dd rgb(172,208,221)
```
#a8d3e2
```
#a8d3e2 rgb(168,211,226)
```
#a3d5e6
```
#a3d5e6 rgb(163,213,230)
```
#9fd7eb
```
#9fd7eb rgb(159,215,235)
```
#9ad9ef
```
#9ad9ef rgb(154,217,239)
```
#96dbf4
```
#96dbf4 rgb(150,219,244)
```
#91ddf8
```
#91ddf8 rgb(145,221,248)
```
#8de0fd
```
#8de0fd rgb(141,224,253)
```

Tone Color Variation

Below, you can see how #b5ccd4 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
#c3c7c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc9d3 Protanopia 1% of men
#d6c5d9 Deuteranopia 1% of men
#bacddc Tritanopia 0.001% of the population

Trichromacy

#c3cad3 Protanomaly 1% of men, 0.01% of women
#cac7d7 Deuteranomaly 6% of men, 0.4% of women
#b8cdd9 Tritanomaly 0.01% of the population

#b5ccd4 hex color

#b5ccd4 Color Information

#b5ccd4 Color Conversion

Color Schemes with #b5ccd4

Alternatives to #b5ccd4

#b5ccd4 Preview

Shades and Tints of #b5ccd4

Tones of #b5ccd4

Color Blindness Simulator