#b4beda hex color

In a RGB color space, hex #b4beda is composed of 70.6% red, 74.5% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 17.4% cyan, 12.8% magenta, 0% yellow and 14.5% black. It has a hue angle of 224.2 degrees, a saturation of 33.9% and a lightness of 78%. #b4beda color hex could be obtained by blending #ffffff with #697db5. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 75
- B 85
RGB color chart
- C 17
- M 13
- Y 0
- K 15
CMYK color chart

● #b4beda color description : Light grayish blue.

The hexadecimal color #b4beda has RGB values of R:180, G:190, B:218 and CMYK values of C:0.17, M:0.13, Y:0, K:0.15. Its decimal value is 11845338.

Hex triplet	b4beda	`#b4beda`
RGB Decimal	180, 190, 218	`rgb(180,190,218)`
RGB Percent	70.6, 74.5, 85.5	`rgb(70.6%,74.5%,85.5%)`
CMYK	17, 13, 0, 15
HSL	224.2°, 33.9, 78	`hsl(224.2,33.9%,78%)`
HSV (or HSB)	224.2°, 17.4, 85.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.036, 2.309, -15.161
XYZ	49.888, 51.592, 73.656
xyY	0.285, 0.295, 51.592
CIE-LCH	77.036, 15.336, 278.66
CIE-LUV	77.036, -6.84, -23.927
Hunter-Lab	71.827, -1.719, -10.52
Binary	10110100, 10111110, 11011010

#b4beda
```
#b4beda rgb(180,190,218)
```
#dad0b4
```
#dad0b4 rgb(218,208,180)
```

Complementary Color

#b4d1da
```
#b4d1da rgb(180,209,218)
```
#b4beda
```
#b4beda rgb(180,190,218)
```
#bdb4da
```
#bdb4da rgb(189,180,218)
```

Analogous Color

#d1dab4
```
#d1dab4 rgb(209,218,180)
```
#b4beda
```
#b4beda rgb(180,190,218)
```
#dabdb4
```
#dabdb4 rgb(218,189,180)
```

Split Complementary Color

#bedab4
```
#bedab4 rgb(190,218,180)
```
#b4beda
```
#b4beda rgb(180,190,218)
```
#dab4be
```
#dab4be rgb(218,180,190)
```

Triadic Color

#b4dad0
```
#b4dad0 rgb(180,218,208)
```
#b4beda
```
#b4beda rgb(180,190,218)
```
#dab4be
```
#dab4be rgb(218,180,190)
```
#dad0b4
```
#dad0b4 rgb(218,208,180)
```

Tetradic Color

#8192c1
```
#8192c1 rgb(129,146,193)
```
#92a0c9
```
#92a0c9 rgb(146,160,201)
```
#a3afd2
```
#a3afd2 rgb(163,175,210)
```
#b4beda
```
#b4beda rgb(180,190,218)
```
#c5cde2
```
#c5cde2 rgb(197,205,226)
```
#d6dceb
```
#d6dceb rgb(214,220,235)
```
#e7eaf3
```
#e7eaf3 rgb(231,234,243)
```

Monochromatic Color

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

#b4c8da
```
#b4c8da rgb(180,200,218)
```
#b4c4da
```
#b4c4da rgb(180,196,218)
```
#b4c1da
```
#b4c1da rgb(180,193,218)
```
#b4beda
```
#b4beda rgb(180,190,218)
```
#b4bbda
```
#b4bbda rgb(180,187,218)
```
#b4b8da
```
#b4b8da rgb(180,184,218)
```
#b4b5da
```
#b4b5da rgb(180,181,218)
```

Similar Colors

Text with hexadecimal color #b4beda

This text has a font color of #b4beda.

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

#b4beda background color

This paragraph has a background color of #b4beda.

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

#b4beda border color

This element has a border color of #b4beda.

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

CSS codes

.text {color:#b4beda;}

.background {background-color:#b4beda;}

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

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

#020204
```
#020204 rgb(2,2,4)
```
#080b11
```
#080b11 rgb(8,11,17)
```
#0f131e
```
#0f131e rgb(15,19,30)
```
#151b2b
```
#151b2b rgb(21,27,43)
```
#1c2338
```
#1c2338 rgb(28,35,56)
```
#222c45
```
#222c45 rgb(34,44,69)
```
#293453
```
#293453 rgb(41,52,83)
```
#2f3c60
```
#2f3c60 rgb(47,60,96)
```
#36446d
```
#36446d rgb(54,68,109)
```
#3c4c7a
```
#3c4c7a rgb(60,76,122)
```
#435587
```
#435587 rgb(67,85,135)
```
#495d94
```
#495d94 rgb(73,93,148)
```
#5065a1
```
#5065a1 rgb(80,101,161)
```

Shade Color Variation

#586ead
```
#586ead rgb(88,110,173)
```
#657ab3
```
#657ab3 rgb(101,122,179)
```
#7285ba
```
#7285ba rgb(114,133,186)
```
#7f90c0
```
#7f90c0 rgb(127,144,192)
```
#8d9cc7
```
#8d9cc7 rgb(141,156,199)
```
#9aa7cd
```
#9aa7cd rgb(154,167,205)
```
#a7b3d4
```
#a7b3d4 rgb(167,179,212)
```
#b4beda
```
#b4beda rgb(180,190,218)
```
#c1c9e0
```
#c1c9e0 rgb(193,201,224)
```
#ced5e7
```
#ced5e7 rgb(206,213,231)
```
#dbe0ed
```
#dbe0ed rgb(219,224,237)
```
#e9ecf4
```
#e9ecf4 rgb(233,236,244)
```
#f6f7fa
```
#f6f7fa rgb(246,247,250)
```

Tint Color Variation

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

#c5c6c9
```
#c5c6c9 rgb(197,198,201)
```
#c1c4cd
```
#c1c4cd rgb(193,196,205)
```
#bdc2d1
```
#bdc2d1 rgb(189,194,209)
```
#b8c0d6
```
#b8c0d6 rgb(184,192,214)
```
#b4beda
```
#b4beda rgb(180,190,218)
```
#b0bcde
```
#b0bcde rgb(176,188,222)
```
#abbae3
```
#abbae3 rgb(171,186,227)
```
#a7b8e7
```
#a7b8e7 rgb(167,184,231)
```
#a3b6eb
```
#a3b6eb rgb(163,182,235)
```
#9eb4f0
```
#9eb4f0 rgb(158,180,240)
```
#9ab2f4
```
#9ab2f4 rgb(154,178,244)
```
#96b0f8
```
#96b0f8 rgb(150,176,248)
```
#92aefc
```
#92aefc rgb(146,174,252)
```

Tone Color Variation

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

#bcc0db Protanopia 1% of men
#c5bddd Deuteranopia 1% of men
#b5c3d1 Tritanopia 0.001% of the population

Trichromacy

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

#b4beda hex color

#b4beda Color Information

#b4beda Color Conversion

Color Schemes with #b4beda

Alternatives to #b4beda

#b4beda Preview

Shades and Tints of #b4beda

Tones of #b4beda

Color Blindness Simulator