#b1bde9 hex color

In a RGB color space, hex #b1bde9 is composed of 69.4% red, 74.1% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 24% cyan, 18.9% magenta, 0% yellow and 8.6% black. It has a hue angle of 227.1 degrees, a saturation of 56% and a lightness of 80.4%. #b1bde9 color hex could be obtained by blending #ffffff with #637bd3. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 74
- B 91
RGB color chart
- C 24
- M 19
- Y 0
- K 9
CMYK color chart

● #b1bde9 color description : Very soft blue.

The hexadecimal color #b1bde9 has RGB values of R:177, G:189, B:233 and CMYK values of C:0.24, M:0.19, Y:0, K:0.09. Its decimal value is 11648489.

Hex triplet	b1bde9	`#b1bde9`
RGB Decimal	177, 189, 233	`rgb(177,189,233)`
RGB Percent	69.4, 74.1, 91.4	`rgb(69.4%,74.1%,91.4%)`
CMYK	24, 19, 0, 9
HSL	227.1°, 56, 80.4	`hsl(227.1,56%,80.4%)`
HSV (or HSB)	227.1°, 24, 91.4
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.056, 5.288, -23.252
XYZ	51.034, 51.625, 84.362
xyY	0.273, 0.276, 51.625
CIE-LCH	77.056, 23.846, 282.813
CIE-LUV	77.056, -8.575, -37.593
Hunter-Lab	71.85, 1.048, -19.319
Binary	10110001, 10111101, 11101001

#b1bde9
```
#b1bde9 rgb(177,189,233)
```
#e9ddb1
```
#e9ddb1 rgb(233,221,177)
```

Complementary Color

#b1d9e9
```
#b1d9e9 rgb(177,217,233)
```
#b1bde9
```
#b1bde9 rgb(177,189,233)
```
#c1b1e9
```
#c1b1e9 rgb(193,177,233)
```

Analogous Color

#d9e9b1
```
#d9e9b1 rgb(217,233,177)
```
#b1bde9
```
#b1bde9 rgb(177,189,233)
```
#e9c1b1
```
#e9c1b1 rgb(233,193,177)
```

Split Complementary Color

#bde9b1
```
#bde9b1 rgb(189,233,177)
```
#b1bde9
```
#b1bde9 rgb(177,189,233)
```
#e9b1bd
```
#e9b1bd rgb(233,177,189)
```

Triadic Color

#b1e9dd
```
#b1e9dd rgb(177,233,221)
```
#b1bde9
```
#b1bde9 rgb(177,189,233)
```
#e9b1bd
```
#e9b1bd rgb(233,177,189)
```
#e9ddb1
```
#e9ddb1 rgb(233,221,177)
```

Tetradic Color

#758bd8
```
#758bd8 rgb(117,139,216)
```
#899bde
```
#899bde rgb(137,155,222)
```
#9dace3
```
#9dace3 rgb(157,172,227)
```
#b1bde9
```
#b1bde9 rgb(177,189,233)
```
#c5ceef
```
#c5ceef rgb(197,206,239)
```
#d9dff4
```
#d9dff4 rgb(217,223,244)
```
#edeffa
```
#edeffa rgb(237,239,250)
```

Monochromatic Color

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

#b1cbe9
```
#b1cbe9 rgb(177,203,233)
```
#b1c6e9
```
#b1c6e9 rgb(177,198,233)
```
#b1c2e9
```
#b1c2e9 rgb(177,194,233)
```
#b1bde9
```
#b1bde9 rgb(177,189,233)
```
#b1b8e9
```
#b1b8e9 rgb(177,184,233)
```
#b1b4e9
```
#b1b4e9 rgb(177,180,233)
```
#b3b1e9
```
#b3b1e9 rgb(179,177,233)
```

Similar Colors

Text with hexadecimal color #b1bde9

This text has a font color of #b1bde9.

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

#b1bde9 background color

This paragraph has a background color of #b1bde9.

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

#b1bde9 border color

This element has a border color of #b1bde9.

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

CSS codes

.text {color:#b1bde9;}

.background {background-color:#b1bde9;}

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

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, #04060e is the darkest color, while #fefeff is the lightest one.

#04060e
```
#04060e rgb(4,6,14)
```
#080d1d
```
#080d1d rgb(8,13,29)
```
#0d132c
```
#0d132c rgb(13,19,44)
```
#111a3c
```
#111a3c rgb(17,26,60)
```
#15214b
```
#15214b rgb(21,33,75)
```
#19275a
```
#19275a rgb(25,39,90)
```
#1e2e6a
```
#1e2e6a rgb(30,46,106)
```
#223579
```
#223579 rgb(34,53,121)
```
#263b88
```
#263b88 rgb(38,59,136)
```
#2b4298
```
#2b4298 rgb(43,66,152)
```
#2f49a7
```
#2f49a7 rgb(47,73,167)
```
#334fb6
```
#334fb6 rgb(51,79,182)
```
#3856c5
```
#3856c5 rgb(56,86,197)
```

Shade Color Variation

#4662cb
```
#4662cb rgb(70,98,203)
```
#556fcf
```
#556fcf rgb(85,111,207)
```
#657cd3
```
#657cd3 rgb(101,124,211)
```
#7489d8
```
#7489d8 rgb(116,137,216)
```
#8396dc
```
#8396dc rgb(131,150,220)
```
#92a3e0
```
#92a3e0 rgb(146,163,224)
```
#a2b0e5
```
#a2b0e5 rgb(162,176,229)
```
#b1bde9
```
#b1bde9 rgb(177,189,233)
```
#c0caed
```
#c0caed rgb(192,202,237)
```
#d0d7f2
```
#d0d7f2 rgb(208,215,242)
```
#dfe4f6
```
#dfe4f6 rgb(223,228,246)
```
#eef1fa
```
#eef1fa rgb(238,241,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#ccccce
```
#ccccce rgb(204,204,206)
```
#c8cad2
```
#c8cad2 rgb(200,202,210)
```
#c4c8d6
```
#c4c8d6 rgb(196,200,214)
```
#c0c6da
```
#c0c6da rgb(192,198,218)
```
#bdc4dd
```
#bdc4dd rgb(189,196,221)
```
#b9c1e1
```
#b9c1e1 rgb(185,193,225)
```
#b5bfe5
```
#b5bfe5 rgb(181,191,229)
```
#b1bde9
```
#b1bde9 rgb(177,189,233)
```
#adbbed
```
#adbbed rgb(173,187,237)
```
#a9b9f1
```
#a9b9f1 rgb(169,185,241)
```
#a5b6f5
```
#a5b6f5 rgb(165,182,245)
```
#a2b4f8
```
#a2b4f8 rgb(162,180,248)
```
#9eb2fc
```
#9eb2fc rgb(158,178,252)
```

Tone Color Variation

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

Dichromacy

#b7bfe9 Protanopia 1% of men
#bdbdeb Deuteranopia 1% of men
#afc4d2 Tritanopia 0.001% of the population

Trichromacy

#b5bee9 Protanomaly 1% of men, 0.01% of women
#b8bdea Deuteranomaly 6% of men, 0.4% of women
#b0c1da Tritanomaly 0.01% of the population

#b1bde9 hex color

#b1bde9 Color Information

#b1bde9 Color Conversion

Color Schemes with #b1bde9

Alternatives to #b1bde9

#b1bde9 Preview

Shades and Tints of #b1bde9

Tones of #b1bde9

Color Blindness Simulator