#b1bdf7 hex color

In a RGB color space, hex #b1bdf7 is composed of 69.4% red, 74.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 23.5% magenta, 0% yellow and 3.1% black. It has a hue angle of 229.7 degrees, a saturation of 81.4% and a lightness of 83.1%. #b1bdf7 color hex could be obtained by blending #ffffff with #637bef. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 74
- B 97
RGB color chart
- C 28
- M 23
- Y 0
- K 3
CMYK color chart

● #b1bdf7 color description : Very soft blue.

The hexadecimal color #b1bdf7 has RGB values of R:177, G:189, B:247 and CMYK values of C:0.28, M:0.23, Y:0, K:0.03. Its decimal value is 11648503.

Hex triplet	b1bdf7	`#b1bdf7`
RGB Decimal	177, 189, 247	`rgb(177,189,247)`
RGB Percent	69.4, 74.1, 96.9	`rgb(69.4%,74.1%,96.9%)`
CMYK	28, 23, 0, 3
HSL	229.7°, 81.4, 83.1	`hsl(229.7,81.4%,83.1%)`
HSV (or HSB)	229.7°, 28.3, 96.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.553, 8.593, -30.025
XYZ	53.114, 52.457, 95.317
xyY	0.264, 0.261, 52.457
CIE-LCH	77.553, 31.23, 285.971
CIE-LUV	77.553, -9.218, -49.426
Hunter-Lab	72.427, 4.155, -27.33
Binary	10110001, 10111101, 11110111

#b1bdf7
```
#b1bdf7 rgb(177,189,247)
```
#f7ebb1
```
#f7ebb1 rgb(247,235,177)
```

Complementary Color

#b1e0f7
```
#b1e0f7 rgb(177,224,247)
```
#b1bdf7
```
#b1bdf7 rgb(177,189,247)
```
#c8b1f7
```
#c8b1f7 rgb(200,177,247)
```

Analogous Color

#e0f7b1
```
#e0f7b1 rgb(224,247,177)
```
#b1bdf7
```
#b1bdf7 rgb(177,189,247)
```
#f7c8b1
```
#f7c8b1 rgb(247,200,177)
```

Split Complementary Color

#bdf7b1
```
#bdf7b1 rgb(189,247,177)
```
#b1bdf7
```
#b1bdf7 rgb(177,189,247)
```
#f7b1bd
```
#f7b1bd rgb(247,177,189)
```

Triadic Color

#b1f7eb
```
#b1f7eb rgb(177,247,235)
```
#b1bdf7
```
#b1bdf7 rgb(177,189,247)
```
#f7b1bd
```
#f7b1bd rgb(247,177,189)
```
#f7ebb1
```
#f7ebb1 rgb(247,235,177)
```

Tetradic Color

#6c82f0
```
#6c82f0 rgb(108,130,240)
```
#8396f2
```
#8396f2 rgb(131,150,242)
```
#9aa9f5
```
#9aa9f5 rgb(154,169,245)
```
#b1bdf7
```
#b1bdf7 rgb(177,189,247)
```
#c8d1f9
```
#c8d1f9 rgb(200,209,249)
```
#dfe4fc
```
#dfe4fc rgb(223,228,252)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Monochromatic Color

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

#b1cff7
```
#b1cff7 rgb(177,207,247)
```
#b1c9f7
```
#b1c9f7 rgb(177,201,247)
```
#b1c3f7
```
#b1c3f7 rgb(177,195,247)
```
#b1bdf7
```
#b1bdf7 rgb(177,189,247)
```
#b1b7f7
```
#b1b7f7 rgb(177,183,247)
```
#b1b1f7
```
#b1b1f7 rgb(177,177,247)
```
#b7b1f7
```
#b7b1f7 rgb(183,177,247)
```

Similar Colors

Text with hexadecimal color #b1bdf7

This text has a font color of #b1bdf7.

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

#b1bdf7 background color

This paragraph has a background color of #b1bdf7.

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

#b1bdf7 border color

This element has a border color of #b1bdf7.

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

CSS codes

.text {color:#b1bdf7;}

.background {background-color:#b1bdf7;}

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

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, #01030b is the darkest color, while #f8f9fe is the lightest one.

#01030b
```
#01030b rgb(1,3,11)
```
#03071d
```
#03071d rgb(3,7,29)
```
#050c2f
```
#050c2f rgb(5,12,47)
```
#071040
```
#071040 rgb(7,16,64)
```
#081552
```
#081552 rgb(8,21,82)
```
#0a1a64
```
#0a1a64 rgb(10,26,100)
```
#0c1e76
```
#0c1e76 rgb(12,30,118)
```
#0e2387
```
#0e2387 rgb(14,35,135)
```
#102799
```
#102799 rgb(16,39,153)
```
#122cab
```
#122cab rgb(18,44,171)
```
#1330bd
```
#1330bd rgb(19,48,189)
```
#1535cf
```
#1535cf rgb(21,53,207)
```
#173ae0
```
#173ae0 rgb(23,58,224)
```

Shade Color Variation

#2345e8
```
#2345e8 rgb(35,69,232)
```
#3454ea
```
#3454ea rgb(52,84,234)
```
#4663ec
```
#4663ec rgb(70,99,236)
```
#5872ee
```
#5872ee rgb(88,114,238)
```
#6a81f0
```
#6a81f0 rgb(106,129,240)
```
#7c90f2
```
#7c90f2 rgb(124,144,242)
```
#8d9ff3
```
#8d9ff3 rgb(141,159,243)
```
#9faef5
```
#9faef5 rgb(159,174,245)
```
#b1bdf7
```
#b1bdf7 rgb(177,189,247)
```
#c3ccf9
```
#c3ccf9 rgb(195,204,249)
```
#d5dbfb
```
#d5dbfb rgb(213,219,251)
```
#e6eafc
```
#e6eafc rgb(230,234,252)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

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

#d2d3d6
```
#d2d3d6 rgb(210,211,214)
```
#cfd1d9
```
#cfd1d9 rgb(207,209,217)
```
#cbcedd
```
#cbcedd rgb(203,206,221)
```
#c8cce0
```
#c8cce0 rgb(200,204,224)
```
#c5cae3
```
#c5cae3 rgb(197,202,227)
```
#c2c8e6
```
#c2c8e6 rgb(194,200,230)
```
#bec6ea
```
#bec6ea rgb(190,198,234)
```
#bbc4ed
```
#bbc4ed rgb(187,196,237)
```
#b8c1f0
```
#b8c1f0 rgb(184,193,240)
```
#b4bff4
```
#b4bff4 rgb(180,191,244)
```
#b1bdf7
```
#b1bdf7 rgb(177,189,247)
```
#aebbfa
```
#aebbfa rgb(174,187,250)
```
#aab9fe
```
#aab9fe rgb(170,185,254)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bdbfcb Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3c0f7 Protanopia 1% of men
#b6bff7 Deuteranopia 1% of men
#acc7d5 Tritanopia 0.001% of the population

Trichromacy

#b2bff7 Protanomaly 1% of men, 0.01% of women
#b4bef7 Deuteranomaly 6% of men, 0.4% of women
#aec3e1 Tritanomaly 0.01% of the population

#b1bdf7 hex color

#b1bdf7 Color Information

#b1bdf7 Color Conversion

Color Schemes with #b1bdf7

Alternatives to #b1bdf7

#b1bdf7 Preview

Shades and Tints of #b1bdf7

Tones of #b1bdf7

Color Blindness Simulator