#b1b8dc hex color

In a RGB color space, hex #b1b8dc is composed of 69.4% red, 72.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 19.5% cyan, 16.4% magenta, 0% yellow and 13.7% black. It has a hue angle of 230.2 degrees, a saturation of 38.1% and a lightness of 77.8%. #b1b8dc color hex could be obtained by blending #ffffff with #6371b9. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 72
- B 86
RGB color chart
- C 20
- M 16
- Y 0
- K 14
CMYK color chart

● #b1b8dc color description : Light grayish blue.

The hexadecimal color #b1b8dc has RGB values of R:177, G:184, B:220 and CMYK values of C:0.2, M:0.16, Y:0, K:0.14. Its decimal value is 11647196.

Hex triplet	b1b8dc	`#b1b8dc`
RGB Decimal	177, 184, 220	`rgb(177,184,220)`
RGB Percent	69.4, 72.2, 86.3	`rgb(69.4%,72.2%,86.3%)`
CMYK	20, 16, 0, 14
HSL	230.2°, 38.1, 77.8	`hsl(230.2,38.1%,77.8%)`
HSV (or HSB)	230.2°, 19.5, 86.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.324, 5.055, -18.85
XYZ	48.188, 48.795, 74.586
xyY	0.281, 0.284, 48.795
CIE-LCH	75.324, 19.516, 285.011
CIE-LUV	75.324, -5.71, -30.233
Hunter-Lab	69.853, 0.893, -14.41
Binary	10110001, 10111000, 11011100

#b1b8dc
```
#b1b8dc rgb(177,184,220)
```
#dcd5b1
```
#dcd5b1 rgb(220,213,177)
```

Complementary Color

#b1cedc
```
#b1cedc rgb(177,206,220)
```
#b1b8dc
```
#b1b8dc rgb(177,184,220)
```
#c0b1dc
```
#c0b1dc rgb(192,177,220)
```

Analogous Color

#cedcb1
```
#cedcb1 rgb(206,220,177)
```
#b1b8dc
```
#b1b8dc rgb(177,184,220)
```
#dcc0b1
```
#dcc0b1 rgb(220,192,177)
```

Split Complementary Color

#b8dcb1
```
#b8dcb1 rgb(184,220,177)
```
#b1b8dc
```
#b1b8dc rgb(177,184,220)
```
#dcb1b8
```
#dcb1b8 rgb(220,177,184)
```

Triadic Color

#b1dcd5
```
#b1dcd5 rgb(177,220,213)
```
#b1b8dc
```
#b1b8dc rgb(177,184,220)
```
#dcb1b8
```
#dcb1b8 rgb(220,177,184)
```
#dcd5b1
```
#dcd5b1 rgb(220,213,177)
```

Tetradic Color

#7c88c4
```
#7c88c4 rgb(124,136,196)
```
#8e98cc
```
#8e98cc rgb(142,152,204)
```
#9fa8d4
```
#9fa8d4 rgb(159,168,212)
```
#b1b8dc
```
#b1b8dc rgb(177,184,220)
```
#c3c8e4
```
#c3c8e4 rgb(195,200,228)
```
#d4d8ec
```
#d4d8ec rgb(212,216,236)
```
#e6e8f4
```
#e6e8f4 rgb(230,232,244)
```

Monochromatic Color

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

#b1c3dc
```
#b1c3dc rgb(177,195,220)
```
#b1bfdc
```
#b1bfdc rgb(177,191,220)
```
#b1bcdc
```
#b1bcdc rgb(177,188,220)
```
#b1b8dc
```
#b1b8dc rgb(177,184,220)
```
#b1b4dc
```
#b1b4dc rgb(177,180,220)
```
#b1b1dc
```
#b1b1dc rgb(177,177,220)
```
#b5b1dc
```
#b5b1dc rgb(181,177,220)
```

Similar Colors

Text with hexadecimal color #b1b8dc

This text has a font color of #b1b8dc.

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

#b1b8dc background color

This paragraph has a background color of #b1b8dc.

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

#b1b8dc border color

This element has a border color of #b1b8dc.

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

CSS codes

.text {color:#b1b8dc;}

.background {background-color:#b1b8dc;}

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

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

#010203
```
#010203 rgb(1,2,3)
```
#080911
```
#080911 rgb(8,9,17)
```
#0e101e
```
#0e101e rgb(14,16,30)
```
#14182c
```
#14182c rgb(20,24,44)
```
#1a1f39
```
#1a1f39 rgb(26,31,57)
```
#202647
```
#202647 rgb(32,38,71)
```
#262d54
```
#262d54 rgb(38,45,84)
```
#2c3562
```
#2c3562 rgb(44,53,98)
```
#323c70
```
#323c70 rgb(50,60,112)
```
#38437d
```
#38437d rgb(56,67,125)
```
#3e4b8b
```
#3e4b8b rgb(62,75,139)
```
#445298
```
#445298 rgb(68,82,152)
```
#4a59a6
```
#4a59a6 rgb(74,89,166)
```

Shade Color Variation

#5262b1
```
#5262b1 rgb(82,98,177)
```
#606eb8
```
#606eb8 rgb(96,110,184)
```
#6d7abe
```
#6d7abe rgb(109,122,190)
```
#7b87c4
```
#7b87c4 rgb(123,135,196)
```
#8893ca
```
#8893ca rgb(136,147,202)
```
#969fd0
```
#969fd0 rgb(150,159,208)
```
#a3acd6
```
#a3acd6 rgb(163,172,214)
```
#b1b8dc
```
#b1b8dc rgb(177,184,220)
```
#bfc4e2
```
#bfc4e2 rgb(191,196,226)
```
#ccd1e8
```
#ccd1e8 rgb(204,209,232)
```
#daddee
```
#daddee rgb(218,221,238)
```
#e7e9f4
```
#e7e9f4 rgb(231,233,244)
```
#f5f6fa
```
#f5f6fa rgb(245,246,250)
```

Tint Color Variation

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

#c2c4cb
```
#c2c4cb rgb(194,196,203)
```
#bec1cf
```
#bec1cf rgb(190,193,207)
```
#babed3
```
#babed3 rgb(186,190,211)
```
#b5bbd8
```
#b5bbd8 rgb(181,187,216)
```
#b1b8dc
```
#b1b8dc rgb(177,184,220)
```
#adb5e0
```
#adb5e0 rgb(173,181,224)
```
#a8b2e5
```
#a8b2e5 rgb(168,178,229)
```
#a4afe9
```
#a4afe9 rgb(164,175,233)
```
#a0aced
```
#a0aced rgb(160,172,237)
```
#9ba9f2
```
#9ba9f2 rgb(155,169,242)
```
#97a6f6
```
#97a6f6 rgb(151,166,246)
```
#93a3fa
```
#93a3fa rgb(147,163,250)
```
#8ea1ff
```
#8ea1ff rgb(142,161,255)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b8bac1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bbdd Protanopia 1% of men
#bdb9de Deuteranopia 1% of men
#b1becc Tritanopia 0.001% of the population

Trichromacy

#b3badd Protanomaly 1% of men, 0.01% of women
#b8b8dd Deuteranomaly 6% of men, 0.4% of women
#b1bcd2 Tritanomaly 0.01% of the population

#b1b8dc hex color

#b1b8dc Color Information

#b1b8dc Color Conversion

Color Schemes with #b1b8dc

Alternatives to #b1b8dc

#b1b8dc Preview

Shades and Tints of #b1b8dc

Tones of #b1b8dc

Color Blindness Simulator