#b1baf7 hex color

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

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

● #b1baf7 color description : Very soft blue.

The hexadecimal color #b1baf7 has RGB values of R:177, G:186, B:247 and CMYK values of C:0.28, M:0.25, Y:0, K:0.03. Its decimal value is 11647735.

Hex triplet	b1baf7	`#b1baf7`
RGB Decimal	177, 186, 247	`rgb(177,186,247)`
RGB Percent	69.4, 72.9, 96.9	`rgb(69.4%,72.9%,96.9%)`
CMYK	28, 25, 0, 3
HSL	232.3°, 81.4, 83.1	`hsl(232.3,81.4%,83.1%)`
HSV (or HSB)	232.3°, 28.3, 96.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	76.788, 10.235, -31.202
XYZ	52.476, 51.179, 95.104
xyY	0.264, 0.257, 51.179
CIE-LCH	76.788, 32.838, 288.161
CIE-LUV	76.788, -7.951, -51.58
Hunter-Lab	71.54, 5.738, -28.742
Binary	10110001, 10111010, 11110111

#b1baf7
```
#b1baf7 rgb(177,186,247)
```
#f7eeb1
```
#f7eeb1 rgb(247,238,177)
```

Complementary Color

#b1ddf7
```
#b1ddf7 rgb(177,221,247)
```
#b1baf7
```
#b1baf7 rgb(177,186,247)
```
#cbb1f7
```
#cbb1f7 rgb(203,177,247)
```

Analogous Color

#ddf7b1
```
#ddf7b1 rgb(221,247,177)
```
#b1baf7
```
#b1baf7 rgb(177,186,247)
```
#f7cbb1
```
#f7cbb1 rgb(247,203,177)
```

Split Complementary Color

#baf7b1
```
#baf7b1 rgb(186,247,177)
```
#b1baf7
```
#b1baf7 rgb(177,186,247)
```
#f7b1ba
```
#f7b1ba rgb(247,177,186)
```

Triadic Color

#b1f7ee
```
#b1f7ee rgb(177,247,238)
```
#b1baf7
```
#b1baf7 rgb(177,186,247)
```
#f7b1ba
```
#f7b1ba rgb(247,177,186)
```
#f7eeb1
```
#f7eeb1 rgb(247,238,177)
```

Tetradic Color

#6c7df0
```
#6c7df0 rgb(108,125,240)
```
#8391f2
```
#8391f2 rgb(131,145,242)
```
#9aa6f5
```
#9aa6f5 rgb(154,166,245)
```
#b1baf7
```
#b1baf7 rgb(177,186,247)
```
#c8cef9
```
#c8cef9 rgb(200,206,249)
```
#dfe3fc
```
#dfe3fc rgb(223,227,252)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Monochromatic Color

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

#b1ccf7
```
#b1ccf7 rgb(177,204,247)
```
#b1c6f7
```
#b1c6f7 rgb(177,198,247)
```
#b1c0f7
```
#b1c0f7 rgb(177,192,247)
```
#b1baf7
```
#b1baf7 rgb(177,186,247)
```
#b1b4f7
```
#b1b4f7 rgb(177,180,247)
```
#b4b1f7
```
#b4b1f7 rgb(180,177,247)
```
#bab1f7
```
#bab1f7 rgb(186,177,247)
```

Similar Colors

Text with hexadecimal color #b1baf7

This text has a font color of #b1baf7.

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

#b1baf7 background color

This paragraph has a background color of #b1baf7.

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

#b1baf7 border color

This element has a border color of #b1baf7.

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

CSS codes

.text {color:#b1baf7;}

.background {background-color:#b1baf7;}

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

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

#01020b
```
#01020b rgb(1,2,11)
```
#03061d
```
#03061d rgb(3,6,29)
```
#050a2f
```
#050a2f rgb(5,10,47)
```
#070e40
```
#070e40 rgb(7,14,64)
```
#081252
```
#081252 rgb(8,18,82)
```
#0a1664
```
#0a1664 rgb(10,22,100)
```
#0c1a76
```
#0c1a76 rgb(12,26,118)
```
#0e1e87
```
#0e1e87 rgb(14,30,135)
```
#102199
```
#102199 rgb(16,33,153)
```
#1225ab
```
#1225ab rgb(18,37,171)
```
#1329bd
```
#1329bd rgb(19,41,189)
```
#152dcf
```
#152dcf rgb(21,45,207)
```
#1731e0
```
#1731e0 rgb(23,49,224)
```

Shade Color Variation

#233ce8
```
#233ce8 rgb(35,60,232)
```
#344cea
```
#344cea rgb(52,76,234)
```
#465cec
```
#465cec rgb(70,92,236)
```
#586bee
```
#586bee rgb(88,107,238)
```
#6a7bf0
```
#6a7bf0 rgb(106,123,240)
```
#7c8bf2
```
#7c8bf2 rgb(124,139,242)
```
#8d9bf3
```
#8d9bf3 rgb(141,155,243)
```
#9faaf5
```
#9faaf5 rgb(159,170,245)
```
#b1baf7
```
#b1baf7 rgb(177,186,247)
```
#c3caf9
```
#c3caf9 rgb(195,202,249)
```
#d5d9fb
```
#d5d9fb rgb(213,217,251)
```
#e6e9fc
```
#e6e9fc rgb(230,233,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 #aab5fe is the most saturated one.

#d2d3d6
```
#d2d3d6 rgb(210,211,214)
```
#cfd0d9
```
#cfd0d9 rgb(207,208,217)
```
#cbcedd
```
#cbcedd rgb(203,206,221)
```
#c8cbe0
```
#c8cbe0 rgb(200,203,224)
```
#c5c9e3
```
#c5c9e3 rgb(197,201,227)
```
#c2c6e6
```
#c2c6e6 rgb(194,198,230)
```
#bec4ea
```
#bec4ea rgb(190,196,234)
```
#bbc1ed
```
#bbc1ed rgb(187,193,237)
```
#b8bff0
```
#b8bff0 rgb(184,191,240)
```
#b4bcf4
```
#b4bcf4 rgb(180,188,244)
```
#b1baf7
```
#b1baf7 rgb(177,186,247)
```
#aeb8fa
```
#aeb8fa rgb(174,184,250)
```
#aab5fe
```
#aab5fe rgb(170,181,254)
```

Tone Color Variation

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

Dichromacy

#b0bef8 Protanopia 1% of men
#b3bef7 Deuteranopia 1% of men
#abc4d2 Tritanopia 0.001% of the population

Trichromacy

#b0bdf7 Protanomaly 1% of men, 0.01% of women
#b2bcf7 Deuteranomaly 6% of men, 0.4% of women
#adc0e0 Tritanomaly 0.01% of the population

#b1baf7 hex color

#b1baf7 Color Information

#b1baf7 Color Conversion

Color Schemes with #b1baf7

Alternatives to #b1baf7

#b1baf7 Preview

Shades and Tints of #b1baf7

Tones of #b1baf7

Color Blindness Simulator