#bbbdc4 hex color

In a RGB color space, hex #bbbdc4 is composed of 73.3% red, 74.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 3.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 226.7 degrees, a saturation of 7.1% and a lightness of 75.1%. #bbbdc4 color hex could be obtained by blending #ffffff with #777b89. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 74
- B 77
RGB color chart
- C 5
- M 4
- Y 0
- K 23
CMYK color chart

● #bbbdc4 color description : Grayish blue.

The hexadecimal color #bbbdc4 has RGB values of R:187, G:189, B:196 and CMYK values of C:0.05, M:0.04, Y:0, K:0.23. Its decimal value is 12303812.

Hex triplet	bbbdc4	`#bbbdc4`
RGB Decimal	187, 189, 196	`rgb(187,189,196)`
RGB Percent	73.3, 74.1, 76.9	`rgb(73.3%,74.1%,76.9%)`
CMYK	5, 4, 0, 23
HSL	226.7°, 7.1, 75.1	`hsl(226.7,7.1%,75.1%)`
HSV (or HSB)	226.7°, 4.6, 76.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.646, 0.634, -3.77
XYZ	48.653, 50.945, 59.492
xyY	0.306, 0.32, 50.945
CIE-LCH	76.646, 3.823, 279.547
CIE-LUV	76.646, -1.516, -5.787
Hunter-Lab	71.376, -3.235, 0.545
Binary	10111011, 10111101, 11000100

#bbbdc4
```
#bbbdc4 rgb(187,189,196)
```
#c4c2bb
```
#c4c2bb rgb(196,194,187)
```

Complementary Color

#bbc2c4
```
#bbc2c4 rgb(187,194,196)
```
#bbbdc4
```
#bbbdc4 rgb(187,189,196)
```
#bebbc4
```
#bebbc4 rgb(190,187,196)
```

Analogous Color

#c2c4bb
```
#c2c4bb rgb(194,196,187)
```
#bbbdc4
```
#bbbdc4 rgb(187,189,196)
```
#c4bebb
```
#c4bebb rgb(196,190,187)
```

Split Complementary Color

#bdc4bb
```
#bdc4bb rgb(189,196,187)
```
#bbbdc4
```
#bbbdc4 rgb(187,189,196)
```
#c4bbbd
```
#c4bbbd rgb(196,187,189)
```

Triadic Color

#bbc4c2
```
#bbc4c2 rgb(187,196,194)
```
#bbbdc4
```
#bbbdc4 rgb(187,189,196)
```
#c4bbbd
```
#c4bbbd rgb(196,187,189)
```
#c4c2bb
```
#c4c2bb rgb(196,194,187)
```

Tetradic Color

#9295a0
```
#9295a0 rgb(146,149,160)
```
#a0a2ac
```
#a0a2ac rgb(160,162,172)
```
#adb0b8
```
#adb0b8 rgb(173,176,184)
```
#bbbdc4
```
#bbbdc4 rgb(187,189,196)
```
#c9cad0
```
#c9cad0 rgb(201,202,208)
```
#d6d8dc
```
#d6d8dc rgb(214,216,220)
```
#e4e5e8
```
#e4e5e8 rgb(228,229,232)
```

Monochromatic Color

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

#bbbfc4
```
#bbbfc4 rgb(187,191,196)
```
#bbbfc4
```
#bbbfc4 rgb(187,191,196)
```
#bbbec4
```
#bbbec4 rgb(187,190,196)
```
#bbbdc4
```
#bbbdc4 rgb(187,189,196)
```
#bbbcc4
```
#bbbcc4 rgb(187,188,196)
```
#bbbcc4
```
#bbbcc4 rgb(187,188,196)
```
#bbbbc4
```
#bbbbc4 rgb(187,187,196)
```

Similar Colors

Text with hexadecimal color #bbbdc4

This text has a font color of #bbbdc4.

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

#bbbdc4 background color

This paragraph has a background color of #bbbdc4.

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

#bbbdc4 border color

This element has a border color of #bbbdc4.

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

CSS codes

.text {color:#bbbdc4;}

.background {background-color:#bbbdc4;}

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

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

#050506
```
#050506 rgb(5,5,6)
```
#0e0e10
```
#0e0e10 rgb(14,14,16)
```
#17181b
```
#17181b rgb(23,24,27)
```
#202125
```
#202125 rgb(32,33,37)
```
#292b30
```
#292b30 rgb(41,43,48)
```
#32343a
```
#32343a rgb(50,52,58)
```
#3b3d45
```
#3b3d45 rgb(59,61,69)
```
#45474f
```
#45474f rgb(69,71,79)
```
#4e505a
```
#4e505a rgb(78,80,90)
```
#575a64
```
#575a64 rgb(87,90,100)
```
#60636f
```
#60636f rgb(96,99,111)
```
#696d79
```
#696d79 rgb(105,109,121)
```
#727684
```
#727684 rgb(114,118,132)
```

Shade Color Variation

#7c808d
```
#7c808d rgb(124,128,141)
```
#868a96
```
#868a96 rgb(134,138,150)
```
#9194a0
```
#9194a0 rgb(145,148,160)
```
#9b9ea9
```
#9b9ea9 rgb(155,158,169)
```
#a6a9b2
```
#a6a9b2 rgb(166,169,178)
```
#b0b3bb
```
#b0b3bb rgb(176,179,187)
```
#bbbdc4
```
#bbbdc4 rgb(187,189,196)
```
#c6c7cd
```
#c6c7cd rgb(198,199,205)
```
#d0d1d6
```
#d0d1d6 rgb(208,209,214)
```
#dbdcdf
```
#dbdcdf rgb(219,220,223)
```
#e5e6e8
```
#e5e6e8 rgb(229,230,232)
```
#f0f0f2
```
#f0f0f2 rgb(240,240,242)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

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

#bbbdc4
```
#bbbdc4 rgb(187,189,196)
```
#b6bac9
```
#b6bac9 rgb(182,186,201)
```
#b1b8ce
```
#b1b8ce rgb(177,184,206)
```
#acb5d3
```
#acb5d3 rgb(172,181,211)
```
#a7b2d8
```
#a7b2d8 rgb(167,178,216)
```
#a3afdc
```
#a3afdc rgb(163,175,220)
```
#9eade1
```
#9eade1 rgb(158,173,225)
```
#99aae6
```
#99aae6 rgb(153,170,230)
```
#94a7eb
```
#94a7eb rgb(148,167,235)
```
#8fa5f0
```
#8fa5f0 rgb(143,165,240)
```
#8aa2f5
```
#8aa2f5 rgb(138,162,245)
```
#859ffa
```
#859ffa rgb(133,159,250)
```
#809cff
```
#809cff rgb(128,156,255)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bdbdbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1bfc6 Protanopia 1% of men
#cebbc8 Deuteranopia 1% of men
#bfbfcd Tritanopia 0.001% of the population

Trichromacy

#bfbec5 Protanomaly 1% of men, 0.01% of women
#c7bbc7 Deuteranomaly 6% of men, 0.4% of women
#bdbec9 Tritanomaly 0.01% of the population

#bbbdc4 hex color

#bbbdc4 Color Information

#bbbdc4 Color Conversion

Color Schemes with #bbbdc4

Alternatives to #bbbdc4

#bbbdc4 Preview

Shades and Tints of #bbbdc4

Tones of #bbbdc4

Color Blindness Simulator