#b4cbdc hex color

In a RGB color space, hex #b4cbdc is composed of 70.6% red, 79.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 7.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 205.5 degrees, a saturation of 36.4% and a lightness of 78.4%. #b4cbdc color hex could be obtained by blending #ffffff with #6997b9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 80
- B 86
RGB color chart
- C 18
- M 8
- Y 0
- K 14
CMYK color chart

● #b4cbdc color description : Light grayish blue.

The hexadecimal color #b4cbdc has RGB values of R:180, G:203, B:220 and CMYK values of C:0.18, M:0.08, Y:0, K:0.14. Its decimal value is 11848668.

Hex triplet	b4cbdc	`#b4cbdc`
RGB Decimal	180, 203, 220	`rgb(180,203,220)`
RGB Percent	70.6, 79.6, 86.3	`rgb(70.6%,79.6%,86.3%)`
CMYK	18, 8, 0, 14
HSL	205.5°, 36.4, 78.4	`hsl(205.5,36.4%,78.4%)`
HSV (or HSB)	205.5°, 18.2, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.506, -4.186, -11.04
XYZ	53.094, 57.581, 76.023
xyY	0.284, 0.308, 57.581
CIE-LCH	80.506, 11.807, 249.236
CIE-LUV	80.506, -12.915, -16.416
Hunter-Lab	75.882, -7.9, -6.282
Binary	10110100, 11001011, 11011100

#b4cbdc
```
#b4cbdc rgb(180,203,220)
```
#dcc5b4
```
#dcc5b4 rgb(220,197,180)
```

Complementary Color

#b4dcd9
```
#b4dcd9 rgb(180,220,217)
```
#b4cbdc
```
#b4cbdc rgb(180,203,220)
```
#b4b7dc
```
#b4b7dc rgb(180,183,220)
```

Analogous Color

#dcd9b4
```
#dcd9b4 rgb(220,217,180)
```
#b4cbdc
```
#b4cbdc rgb(180,203,220)
```
#dcb4b7
```
#dcb4b7 rgb(220,180,183)
```

Split Complementary Color

#cbdcb4
```
#cbdcb4 rgb(203,220,180)
```
#b4cbdc
```
#b4cbdc rgb(180,203,220)
```
#dcb4cb
```
#dcb4cb rgb(220,180,203)
```

Triadic Color

#b4dcc5
```
#b4dcc5 rgb(180,220,197)
```
#b4cbdc
```
#b4cbdc rgb(180,203,220)
```
#dcb4cb
```
#dcb4cb rgb(220,180,203)
```
#dcc5b4
```
#dcc5b4 rgb(220,197,180)
```

Tetradic Color

#80a7c4
```
#80a7c4 rgb(128,167,196)
```
#91b3cc
```
#91b3cc rgb(145,179,204)
```
#a3bfd4
```
#a3bfd4 rgb(163,191,212)
```
#b4cbdc
```
#b4cbdc rgb(180,203,220)
```
#c5d7e4
```
#c5d7e4 rgb(197,215,228)
```
#d7e3ec
```
#d7e3ec rgb(215,227,236)
```
#e8eff4
```
#e8eff4 rgb(232,239,244)
```

Monochromatic Color

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

#b4d5dc
```
#b4d5dc rgb(180,213,220)
```
#b4d2dc
```
#b4d2dc rgb(180,210,220)
```
#b4cedc
```
#b4cedc rgb(180,206,220)
```
#b4cbdc
```
#b4cbdc rgb(180,203,220)
```
#b4c8dc
```
#b4c8dc rgb(180,200,220)
```
#b4c4dc
```
#b4c4dc rgb(180,196,220)
```
#b4c1dc
```
#b4c1dc rgb(180,193,220)
```

Similar Colors

Text with hexadecimal color #b4cbdc

This text has a font color of #b4cbdc.

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

#b4cbdc background color

This paragraph has a background color of #b4cbdc.

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

#b4cbdc border color

This element has a border color of #b4cbdc.

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

CSS codes

.text {color:#b4cbdc;}

.background {background-color:#b4cbdc;}

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

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

#020405
```
#020405 rgb(2,4,5)
```
#090e13
```
#090e13 rgb(9,14,19)
```
#0f1920
```
#0f1920 rgb(15,25,32)
```
#15232d
```
#15232d rgb(21,35,45)
```
#1b2d3b
```
#1b2d3b rgb(27,45,59)
```
#223848
```
#223848 rgb(34,56,72)
```
#284255
```
#284255 rgb(40,66,85)
```
#2e4c63
```
#2e4c63 rgb(46,76,99)
```
#345770
```
#345770 rgb(52,87,112)
```
#3b617e
```
#3b617e rgb(59,97,126)
```
#416b8b
```
#416b8b rgb(65,107,139)
```
#477698
```
#477698 rgb(71,118,152)
```
#4d80a6
```
#4d80a6 rgb(77,128,166)
```

Shade Color Variation

#568ab0
```
#568ab0 rgb(86,138,176)
```
#6493b7
```
#6493b7 rgb(100,147,183)
```
#719dbd
```
#719dbd rgb(113,157,189)
```
#7fa6c3
```
#7fa6c3 rgb(127,166,195)
```
#8cafc9
```
#8cafc9 rgb(140,175,201)
```
#99b8d0
```
#99b8d0 rgb(153,184,208)
```
#a7c2d6
```
#a7c2d6 rgb(167,194,214)
```
#b4cbdc
```
#b4cbdc rgb(180,203,220)
```
#c1d4e2
```
#c1d4e2 rgb(193,212,226)
```
#cfdee8
```
#cfdee8 rgb(207,222,232)
```
#dce7ef
```
#dce7ef rgb(220,231,239)
```
#e9f0f5
```
#e9f0f5 rgb(233,240,245)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Tint Color Variation

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

#c5c8cb
```
#c5c8cb rgb(197,200,203)
```
#c1c9cf
```
#c1c9cf rgb(193,201,207)
```
#bccad4
```
#bccad4 rgb(188,202,212)
```
#b8cad8
```
#b8cad8 rgb(184,202,216)
```
#b4cbdc
```
#b4cbdc rgb(180,203,220)
```
#b0cce0
```
#b0cce0 rgb(176,204,224)
```
#accce4
```
#accce4 rgb(172,204,228)
```
#a7cde9
```
#a7cde9 rgb(167,205,233)
```
#a3ceed
```
#a3ceed rgb(163,206,237)
```
#9fcef1
```
#9fcef1 rgb(159,206,241)
```
#9bcff5
```
#9bcff5 rgb(155,207,245)
```
#96cffa
```
#96cffa rgb(150,207,250)
```
#92d0fe
```
#92d0fe rgb(146,208,254)
```

Tone Color Variation

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

Dichromacy

#c8c9db Protanopia 1% of men
#d2c5e0 Deuteranopia 1% of men
#b7cddc Tritanopia 0.001% of the population

Trichromacy

#c1c9db Protanomaly 1% of men, 0.01% of women
#c7c7de Deuteranomaly 6% of men, 0.4% of women
#b6ccdc Tritanomaly 0.01% of the population

#b4cbdc hex color

#b4cbdc Color Information

#b4cbdc Color Conversion

Color Schemes with #b4cbdc

Alternatives to #b4cbdc

#b4cbdc Preview

Shades and Tints of #b4cbdc

Tones of #b4cbdc

Color Blindness Simulator