#b4cedb hex color

In a RGB color space, hex #b4cedb is composed of 70.6% red, 80.8% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 5.9% magenta, 0% yellow and 14.1% black. It has a hue angle of 200 degrees, a saturation of 35.1% and a lightness of 78.2%. #b4cedb color hex could be obtained by blending #ffffff with #699db7. Closest websafe color is: #cccccc.

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

● #b4cedb color description : Light grayish blue.

The hexadecimal color #b4cedb has RGB values of R:180, G:206, B:219 and CMYK values of C:0.18, M:0.06, Y:0, K:0.14. Its decimal value is 11849435.

Hex triplet	b4cedb	`#b4cedb`
RGB Decimal	180, 206, 219	`rgb(180,206,219)`
RGB Percent	70.6, 80.8, 85.9	`rgb(70.6%,80.8%,85.9%)`
CMYK	18, 6, 0, 14
HSL	200°, 35.1, 78.2	`hsl(200,35.1%,78.2%)`
HSV (or HSB)	200°, 17.8, 85.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.269, -5.975, -9.367
XYZ	53.677, 58.959, 75.566
xyY	0.285, 0.313, 58.959
CIE-LCH	81.269, 11.111, 237.468
CIE-LUV	81.269, -14.267, -13.486
Hunter-Lab	76.785, -9.592, -4.599
Binary	10110100, 11001110, 11011011

#b4cedb
```
#b4cedb rgb(180,206,219)
```
#dbc1b4
```
#dbc1b4 rgb(219,193,180)
```

Complementary Color

#b4dbd5
```
#b4dbd5 rgb(180,219,213)
```
#b4cedb
```
#b4cedb rgb(180,206,219)
```
#b4bbdb
```
#b4bbdb rgb(180,187,219)
```

Analogous Color

#dbd5b4
```
#dbd5b4 rgb(219,213,180)
```
#b4cedb
```
#b4cedb rgb(180,206,219)
```
#dbb4bb
```
#dbb4bb rgb(219,180,187)
```

Split Complementary Color

#cedbb4
```
#cedbb4 rgb(206,219,180)
```
#b4cedb
```
#b4cedb rgb(180,206,219)
```
#dbb4ce
```
#dbb4ce rgb(219,180,206)
```

Triadic Color

#b4dbc1
```
#b4dbc1 rgb(180,219,193)
```
#b4cedb
```
#b4cedb rgb(180,206,219)
```
#dbb4ce
```
#dbb4ce rgb(219,180,206)
```
#dbc1b4
```
#dbc1b4 rgb(219,193,180)
```

Tetradic Color

#80acc2
```
#80acc2 rgb(128,172,194)
```
#92b7ca
```
#92b7ca rgb(146,183,202)
```
#a3c3d3
```
#a3c3d3 rgb(163,195,211)
```
#b4cedb
```
#b4cedb rgb(180,206,219)
```
#c5d9e3
```
#c5d9e3 rgb(197,217,227)
```
#d6e5ec
```
#d6e5ec rgb(214,229,236)
```
#e8f0f4
```
#e8f0f4 rgb(232,240,244)
```

Monochromatic Color

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

#b4d8db
```
#b4d8db rgb(180,216,219)
```
#b4d5db
```
#b4d5db rgb(180,213,219)
```
#b4d1db
```
#b4d1db rgb(180,209,219)
```
#b4cedb
```
#b4cedb rgb(180,206,219)
```
#b4cbdb
```
#b4cbdb rgb(180,203,219)
```
#b4c8db
```
#b4c8db rgb(180,200,219)
```
#b4c4db
```
#b4c4db rgb(180,196,219)
```

Similar Colors

Text with hexadecimal color #b4cedb

This text has a font color of #b4cedb.

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

#b4cedb background color

This paragraph has a background color of #b4cedb.

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

#b4cedb border color

This element has a border color of #b4cedb.

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

CSS codes

.text {color:#b4cedb;}

.background {background-color:#b4cedb;}

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

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

#020405
```
#020405 rgb(2,4,5)
```
#090f12
```
#090f12 rgb(9,15,18)
```
#0f1a1f
```
#0f1a1f rgb(15,26,31)
```
#15252c
```
#15252c rgb(21,37,44)
```
#1c303a
```
#1c303a rgb(28,48,58)
```
#223b47
```
#223b47 rgb(34,59,71)
```
#284554
```
#284554 rgb(40,69,84)
```
#2f5061
```
#2f5061 rgb(47,80,97)
```
#355b6f
```
#355b6f rgb(53,91,111)
```
#3b667c
```
#3b667c rgb(59,102,124)
```
#427189
```
#427189 rgb(66,113,137)
```
#487c96
```
#487c96 rgb(72,124,150)
```
#4f87a4
```
#4f87a4 rgb(79,135,164)
```

Shade Color Variation

#5791ae
```
#5791ae rgb(87,145,174)
```
#649ab5
```
#649ab5 rgb(100,154,181)
```
#72a3bb
```
#72a3bb rgb(114,163,187)
```
#7fabc2
```
#7fabc2 rgb(127,171,194)
```
#8cb4c8
```
#8cb4c8 rgb(140,180,200)
```
#99bdce
```
#99bdce rgb(153,189,206)
```
#a7c5d5
```
#a7c5d5 rgb(167,197,213)
```
#b4cedb
```
#b4cedb rgb(180,206,219)
```
#c1d7e1
```
#c1d7e1 rgb(193,215,225)
```
#cfdfe8
```
#cfdfe8 rgb(207,223,232)
```
#dce8ee
```
#dce8ee rgb(220,232,238)
```
#e9f1f4
```
#e9f1f4 rgb(233,241,244)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

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

#c5c8ca
```
#c5c8ca rgb(197,200,202)
```
#c1cace
```
#c1cace rgb(193,202,206)
```
#bdcbd2
```
#bdcbd2 rgb(189,203,210)
```
#b8cdd7
```
#b8cdd7 rgb(184,205,215)
```
#b4cedb
```
#b4cedb rgb(180,206,219)
```
#b0cfdf
```
#b0cfdf rgb(176,207,223)
```
#abd1e4
```
#abd1e4 rgb(171,209,228)
```
#a7d2e8
```
#a7d2e8 rgb(167,210,232)
```
#a3d4ec
```
#a3d4ec rgb(163,212,236)
```
#9fd5f0
```
#9fd5f0 rgb(159,213,240)
```
#9ad7f5
```
#9ad7f5 rgb(154,215,245)
```
#96d8f9
```
#96d8f9 rgb(150,216,249)
```
#92d9fd
```
#92d9fd rgb(146,217,253)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c4c9cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcbd9 Protanopia 1% of men
#d6c7df Deuteranopia 1% of men
#b8d0df Tritanopia 0.001% of the population

Trichromacy

#c3ccda Protanomaly 1% of men, 0.01% of women
#c9c9de Deuteranomaly 6% of men, 0.4% of women
#b6cfdd Tritanomaly 0.01% of the population

#b4cedb hex color

#b4cedb Color Information

#b4cedb Color Conversion

Color Schemes with #b4cedb

Alternatives to #b4cedb

#b4cedb Preview

Shades and Tints of #b4cedb

Tones of #b4cedb

Color Blindness Simulator