#bbb1ff hex color

In a RGB color space, hex #bbb1ff is composed of 73.3% red, 69.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 30.6% magenta, 0% yellow and 0% black. It has a hue angle of 247.7 degrees, a saturation of 100% and a lightness of 84.7%. #bbb1ff color hex could be obtained by blending #ffffff with #7763ff. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 69
- B 100
RGB color chart
- C 27
- M 31
- Y 0
- K 0
CMYK color chart

● #bbb1ff color description : Pale blue.

The hexadecimal color #bbb1ff has RGB values of R:187, G:177, B:255 and CMYK values of C:0.27, M:0.31, Y:0, K:0. Its decimal value is 12300799.

Hex triplet	bbb1ff	`#bbb1ff`
RGB Decimal	187, 177, 255	`rgb(187,177,255)`
RGB Percent	73.3, 69.4, 100	`rgb(73.3%,69.4%,100%)`
CMYK	27, 31, 0, 0
HSL	247.7°, 100, 84.7	`hsl(247.7,100%,84.7%)`
HSV (or HSB)	247.7°, 30.6, 100
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	75.593, 19.987, -37.29
XYZ	54.262, 49.229, 101.245
xyY	0.265, 0.24, 49.229
CIE-LCH	75.593, 42.309, 298.19
CIE-LUV	75.593, 0.119, -63.134
Hunter-Lab	70.163, 15.262, -36.441
Binary	10111011, 10110001, 11111111

#bbb1ff
```
#bbb1ff rgb(187,177,255)
```
#f5ffb1
```
#f5ffb1 rgb(245,255,177)
```

Complementary Color

#b1ceff
```
#b1ceff rgb(177,206,255)
```
#bbb1ff
```
#bbb1ff rgb(187,177,255)
```
#e2b1ff
```
#e2b1ff rgb(226,177,255)
```

Analogous Color

#ceffb1
```
#ceffb1 rgb(206,255,177)
```
#bbb1ff
```
#bbb1ff rgb(187,177,255)
```
#ffe2b1
```
#ffe2b1 rgb(255,226,177)
```

Split Complementary Color

#b1ffbb
```
#b1ffbb rgb(177,255,187)
```
#bbb1ff
```
#bbb1ff rgb(187,177,255)
```
#ffbbb1
```
#ffbbb1 rgb(255,187,177)
```

Triadic Color

#b1f5ff
```
#b1f5ff rgb(177,245,255)
```
#bbb1ff
```
#bbb1ff rgb(187,177,255)
```
#ffbbb1
```
#ffbbb1 rgb(255,187,177)
```
#f5ffb1
```
#f5ffb1 rgb(245,255,177)
```

Tetradic Color

#7865ff
```
#7865ff rgb(120,101,255)
```
#8f7eff
```
#8f7eff rgb(143,126,255)
```
#a598ff
```
#a598ff rgb(165,152,255)
```
#bbb1ff
```
#bbb1ff rgb(187,177,255)
```
#d1cbff
```
#d1cbff rgb(209,203,255)
```
#e7e4ff
```
#e7e4ff rgb(231,228,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Monochromatic Color

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

#b1bbff
```
#b1bbff rgb(177,187,255)
```
#b1b4ff
```
#b1b4ff rgb(177,180,255)
```
#b5b1ff
```
#b5b1ff rgb(181,177,255)
```
#bbb1ff
```
#bbb1ff rgb(187,177,255)
```
#c2b1ff
```
#c2b1ff rgb(194,177,255)
```
#c8b1ff
```
#c8b1ff rgb(200,177,255)
```
#cfb1ff
```
#cfb1ff rgb(207,177,255)
```

Similar Colors

Text with hexadecimal color #bbb1ff

This text has a font color of #bbb1ff.

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

#bbb1ff background color

This paragraph has a background color of #bbb1ff.

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

#bbb1ff border color

This element has a border color of #bbb1ff.

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

CSS codes

.text {color:#bbb1ff;}

.background {background-color:#bbb1ff;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#030014
```
#030014 rgb(3,0,20)
```
#050028
```
#050028 rgb(5,0,40)
```
#08003b
```
#08003b rgb(8,0,59)
```
#0a004f
```
#0a004f rgb(10,0,79)
```
#0d0063
```
#0d0063 rgb(13,0,99)
```
#0f0076
```
#0f0076 rgb(15,0,118)
```
#12008a
```
#12008a rgb(18,0,138)
```
#14009d
```
#14009d rgb(20,0,157)
```
#1700b1
```
#1700b1 rgb(23,0,177)
```
#1900c5
```
#1900c5 rgb(25,0,197)
```
#1c00d8
```
#1c00d8 rgb(28,0,216)
```
#1e00ec
```
#1e00ec rgb(30,0,236)
```

Shade Color Variation

#2100ff
```
#2100ff rgb(33,0,255)
```
#3214ff
```
#3214ff rgb(50,20,255)
```
#4328ff
```
#4328ff rgb(67,40,255)
```
#543bff
```
#543bff rgb(84,59,255)
```
#654fff
```
#654fff rgb(101,79,255)
```
#7763ff
```
#7763ff rgb(119,99,255)
```
#8876ff
```
#8876ff rgb(136,118,255)
```
#998aff
```
#998aff rgb(153,138,255)
```
#aa9dff
```
#aa9dff rgb(170,157,255)
```
#bbb1ff
```
#bbb1ff rgb(187,177,255)
```
#ccc5ff
```
#ccc5ff rgb(204,197,255)
```
#ddd8ff
```
#ddd8ff rgb(221,216,255)
```
#eeecff
```
#eeecff rgb(238,236,255)
```

Tint Color Variation

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

#d6d5db
```
#d6d5db rgb(214,213,219)
```
#d4d2de
```
#d4d2de rgb(212,210,222)
```
#d1cfe1
```
#d1cfe1 rgb(209,207,225)
```
#cfcce4
```
#cfcce4 rgb(207,204,228)
```
#cdc9e7
```
#cdc9e7 rgb(205,201,231)
```
#cbc6ea
```
#cbc6ea rgb(203,198,234)
```
#c8c3ed
```
#c8c3ed rgb(200,195,237)
```
#c6c0f0
```
#c6c0f0 rgb(198,192,240)
```
#c4bdf3
```
#c4bdf3 rgb(196,189,243)
```
#c2baf6
```
#c2baf6 rgb(194,186,246)
```
#bfb7f9
```
#bfb7f9 rgb(191,183,249)
```
#bdb4fc
```
#bdb4fc rgb(189,180,252)
```
#bbb1ff
```
#bbb1ff rgb(187,177,255)
```

Tone Color Variation

Below, you can see how #bbb1ff 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
#bdbbca Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7bbff Protanopia 1% of men
#a9bbfc Deuteranopia 1% of men
#b2bfcd Tritanopia 0.001% of the population

Trichromacy

#aeb7ff Protanomaly 1% of men, 0.01% of women
#afb7fd Deuteranomaly 6% of men, 0.4% of women
#b5badf Tritanomaly 0.01% of the population

#bbb1ff hex color

#bbb1ff Color Information

#bbb1ff Color Conversion

Color Schemes with #bbb1ff

Alternatives to #bbb1ff

#bbb1ff Preview

Shades and Tints of #bbb1ff

Tones of #bbb1ff

Color Blindness Simulator