#b4bedb hex color

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

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

● #b4bedb color description : Light grayish blue.

The hexadecimal color #b4bedb has RGB values of R:180, G:190, B:219 and CMYK values of C:0.18, M:0.13, Y:0, K:0.14. Its decimal value is 11845339.

Hex triplet	b4bedb	`#b4bedb`
RGB Decimal	180, 190, 219	`rgb(180,190,219)`
RGB Percent	70.6, 74.5, 85.9	`rgb(70.6%,74.5%,85.9%)`
CMYK	18, 13, 0, 14
HSL	224.6°, 35.1, 78.2	`hsl(224.6,35.1%,78.2%)`
HSV (or HSB)	224.6°, 17.8, 85.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.068, 2.527, -15.654
XYZ	50.019, 51.644, 74.347
xyY	0.284, 0.293, 51.644
CIE-LCH	77.068, 15.857, 279.169
CIE-LUV	77.068, -6.888, -24.757
Hunter-Lab	71.864, -1.52, -11.034
Binary	10110100, 10111110, 11011011

#b4bedb
```
#b4bedb rgb(180,190,219)
```
#dbd1b4
```
#dbd1b4 rgb(219,209,180)
```

Complementary Color

#b4d2db
```
#b4d2db rgb(180,210,219)
```
#b4bedb
```
#b4bedb rgb(180,190,219)
```
#beb4db
```
#beb4db rgb(190,180,219)
```

Analogous Color

#d2dbb4
```
#d2dbb4 rgb(210,219,180)
```
#b4bedb
```
#b4bedb rgb(180,190,219)
```
#dbbeb4
```
#dbbeb4 rgb(219,190,180)
```

Split Complementary Color

#bedbb4
```
#bedbb4 rgb(190,219,180)
```
#b4bedb
```
#b4bedb rgb(180,190,219)
```
#dbb4be
```
#dbb4be rgb(219,180,190)
```

Triadic Color

#b4dbd1
```
#b4dbd1 rgb(180,219,209)
```
#b4bedb
```
#b4bedb rgb(180,190,219)
```
#dbb4be
```
#dbb4be rgb(219,180,190)
```
#dbd1b4
```
#dbd1b4 rgb(219,209,180)
```

Tetradic Color

#8091c2
```
#8091c2 rgb(128,145,194)
```
#92a0ca
```
#92a0ca rgb(146,160,202)
```
#a3afd3
```
#a3afd3 rgb(163,175,211)
```
#b4bedb
```
#b4bedb rgb(180,190,219)
```
#c5cde3
```
#c5cde3 rgb(197,205,227)
```
#d6dcec
```
#d6dcec rgb(214,220,236)
```
#e8ebf4
```
#e8ebf4 rgb(232,235,244)
```

Monochromatic Color

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

#b4c8db
```
#b4c8db rgb(180,200,219)
```
#b4c5db
```
#b4c5db rgb(180,197,219)
```
#b4c1db
```
#b4c1db rgb(180,193,219)
```
#b4bedb
```
#b4bedb rgb(180,190,219)
```
#b4bbdb
```
#b4bbdb rgb(180,187,219)
```
#b4b8db
```
#b4b8db rgb(180,184,219)
```
#b4b4db
```
#b4b4db rgb(180,180,219)
```

Similar Colors

Text with hexadecimal color #b4bedb

This text has a font color of #b4bedb.

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

#b4bedb background color

This paragraph has a background color of #b4bedb.

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

#b4bedb border color

This element has a border color of #b4bedb.

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

CSS codes

.text {color:#b4bedb;}

.background {background-color:#b4bedb;}

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

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

#020305
```
#020305 rgb(2,3,5)
```
#090b12
```
#090b12 rgb(9,11,18)
```
#0f131f
```
#0f131f rgb(15,19,31)
```
#151b2c
```
#151b2c rgb(21,27,44)
```
#1c233a
```
#1c233a rgb(28,35,58)
```
#222b47
```
#222b47 rgb(34,43,71)
```
#283454
```
#283454 rgb(40,52,84)
```
#2f3c61
```
#2f3c61 rgb(47,60,97)
```
#35446f
```
#35446f rgb(53,68,111)
```
#3b4c7c
```
#3b4c7c rgb(59,76,124)
```
#425489
```
#425489 rgb(66,84,137)
```
#485c96
```
#485c96 rgb(72,92,150)
```
#4f64a4
```
#4f64a4 rgb(79,100,164)
```

Shade Color Variation

#576eae
```
#576eae rgb(87,110,174)
```
#6479b5
```
#6479b5 rgb(100,121,181)
```
#7285bb
```
#7285bb rgb(114,133,187)
```
#7f90c2
```
#7f90c2 rgb(127,144,194)
```
#8c9cc8
```
#8c9cc8 rgb(140,156,200)
```
#99a7ce
```
#99a7ce rgb(153,167,206)
```
#a7b3d5
```
#a7b3d5 rgb(167,179,213)
```
#b4bedb
```
#b4bedb rgb(180,190,219)
```
#c1c9e1
```
#c1c9e1 rgb(193,201,225)
```
#cfd5e8
```
#cfd5e8 rgb(207,213,232)
```
#dce0ee
```
#dce0ee rgb(220,224,238)
```
#e9ecf4
```
#e9ecf4 rgb(233,236,244)
```
#f6f7fb
```
#f6f7fb rgb(246,247,251)
```

Tint Color Variation

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

#c5c6ca
```
#c5c6ca rgb(197,198,202)
```
#c1c4ce
```
#c1c4ce rgb(193,196,206)
```
#bdc2d2
```
#bdc2d2 rgb(189,194,210)
```
#b8c0d7
```
#b8c0d7 rgb(184,192,215)
```
#b4bedb
```
#b4bedb rgb(180,190,219)
```
#b0bcdf
```
#b0bcdf rgb(176,188,223)
```
#abbae4
```
#abbae4 rgb(171,186,228)
```
#a7b8e8
```
#a7b8e8 rgb(167,184,232)
```
#a3b6ec
```
#a3b6ec rgb(163,182,236)
```
#9fb4f0
```
#9fb4f0 rgb(159,180,240)
```
#9ab2f5
```
#9ab2f5 rgb(154,178,245)
```
#96aff9
```
#96aff9 rgb(150,175,249)
```
#92adfd
```
#92adfd rgb(146,173,253)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bcbec4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc0dc Protanopia 1% of men
#c5bdde Deuteranopia 1% of men
#b5c3d1 Tritanopia 0.001% of the population

Trichromacy

#b9bfdb Protanomaly 1% of men, 0.01% of women
#bebddd Deuteranomaly 6% of men, 0.4% of women
#b4c1d4 Tritanomaly 0.01% of the population

#b4bedb hex color

#b4bedb Color Information

#b4bedb Color Conversion

Color Schemes with #b4bedb

Alternatives to #b4bedb

#b4bedb Preview

Shades and Tints of #b4bedb

Tones of #b4bedb

Color Blindness Simulator