#b1a8f2 hex color

In a RGB color space, hex #b1a8f2 is composed of 69.4% red, 65.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 26.9% cyan, 30.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 247.3 degrees, a saturation of 74% and a lightness of 80.4%. #b1a8f2 color hex could be obtained by blending #ffffff with #6351e5. Closest websafe color is: #9999ff.

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

● #b1a8f2 color description : Very soft blue.

The hexadecimal color #b1a8f2 has RGB values of R:177, G:168, B:242 and CMYK values of C:0.27, M:0.31, Y:0, K:0.05. Its decimal value is 11643122.

Hex triplet	b1a8f2	`#b1a8f2`
RGB Decimal	177, 168, 242	`rgb(177,168,242)`
RGB Percent	69.4, 65.9, 94.9	`rgb(69.4%,65.9%,94.9%)`
CMYK	27, 31, 0, 5
HSL	247.3°, 74, 80.4	`hsl(247.3,74%,80.4%)`
HSV (or HSB)	247.3°, 30.6, 94.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	72.07, 18.999, -35.79
XYZ	48.158, 43.763, 89.909
xyY	0.265, 0.241, 43.763
CIE-LCH	72.07, 40.52, 297.961
CIE-LUV	72.07, -0.123, -60.05
Hunter-Lab	66.153, 14.175, -34.274
Binary	10110001, 10101000, 11110010

#b1a8f2
```
#b1a8f2 rgb(177,168,242)
```
#e9f2a8
```
#e9f2a8 rgb(233,242,168)
```

Complementary Color

#a8c4f2
```
#a8c4f2 rgb(168,196,242)
```
#b1a8f2
```
#b1a8f2 rgb(177,168,242)
```
#d6a8f2
```
#d6a8f2 rgb(214,168,242)
```

Analogous Color

#c4f2a8
```
#c4f2a8 rgb(196,242,168)
```
#b1a8f2
```
#b1a8f2 rgb(177,168,242)
```
#f2d6a8
```
#f2d6a8 rgb(242,214,168)
```

Split Complementary Color

#a8f2b1
```
#a8f2b1 rgb(168,242,177)
```
#b1a8f2
```
#b1a8f2 rgb(177,168,242)
```
#f2b1a8
```
#f2b1a8 rgb(242,177,168)
```

Triadic Color

#a8e9f2
```
#a8e9f2 rgb(168,233,242)
```
#b1a8f2
```
#b1a8f2 rgb(177,168,242)
```
#f2b1a8
```
#f2b1a8 rgb(242,177,168)
```
#e9f2a8
```
#e9f2a8 rgb(233,242,168)
```

Tetradic Color

#7565e8
```
#7565e8 rgb(117,101,232)
```
#897ceb
```
#897ceb rgb(137,124,235)
```
#9d92ef
```
#9d92ef rgb(157,146,239)
```
#b1a8f2
```
#b1a8f2 rgb(177,168,242)
```
#c5bef5
```
#c5bef5 rgb(197,190,245)
```
#d9d4f9
```
#d9d4f9 rgb(217,212,249)
```
#edebfc
```
#edebfc rgb(237,235,252)
```

Monochromatic Color

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

#a8b2f2
```
#a8b2f2 rgb(168,178,242)
```
#a8abf2
```
#a8abf2 rgb(168,171,242)
```
#aba8f2
```
#aba8f2 rgb(171,168,242)
```
#b1a8f2
```
#b1a8f2 rgb(177,168,242)
```
#b7a8f2
```
#b7a8f2 rgb(183,168,242)
```
#bda8f2
```
#bda8f2 rgb(189,168,242)
```
#c4a8f2
```
#c4a8f2 rgb(196,168,242)
```

Similar Colors

Text with hexadecimal color #b1a8f2

This text has a font color of #b1a8f2.

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

#b1a8f2 background color

This paragraph has a background color of #b1a8f2.

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

#b1a8f2 border color

This element has a border color of #b1a8f2.

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

CSS codes

.text {color:#b1a8f2;}

.background {background-color:#b1a8f2;}

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

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, #04020f is the darkest color, while #fefdff is the lightest one.

#04020f
```
#04020f rgb(4,2,15)
```
#080520
```
#080520 rgb(8,5,32)
```
#0d0732
```
#0d0732 rgb(13,7,50)
```
#110a43
```
#110a43 rgb(17,10,67)
```
#150d54
```
#150d54 rgb(21,13,84)
```
#190f65
```
#190f65 rgb(25,15,101)
```
#1e1276
```
#1e1276 rgb(30,18,118)
```
#221487
```
#221487 rgb(34,20,135)
```
#261798
```
#261798 rgb(38,23,152)
```
#2b19a9
```
#2b19a9 rgb(43,25,169)
```
#2f1cba
```
#2f1cba rgb(47,28,186)
```
#331ecb
```
#331ecb rgb(51,30,203)
```
#3821dc
```
#3821dc rgb(56,33,220)
```

Shade Color Variation

#4631e0
```
#4631e0 rgb(70,49,224)
```
#5542e3
```
#5542e3 rgb(85,66,227)
```
#6553e5
```
#6553e5 rgb(101,83,229)
```
#7464e8
```
#7464e8 rgb(116,100,232)
```
#8375ea
```
#8375ea rgb(131,117,234)
```
#9286ed
```
#9286ed rgb(146,134,237)
```
#a297ef
```
#a297ef rgb(162,151,239)
```
#b1a8f2
```
#b1a8f2 rgb(177,168,242)
```
#c0b9f5
```
#c0b9f5 rgb(192,185,245)
```
#d0caf7
```
#d0caf7 rgb(208,202,247)
```
#dfdbfa
```
#dfdbfa rgb(223,219,250)
```
#eeecfc
```
#eeecfc rgb(238,236,252)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#cbcbcf
```
#cbcbcf rgb(203,203,207)
```
#c8c7d3
```
#c8c7d3 rgb(200,199,211)
```
#c5c3d7
```
#c5c3d7 rgb(197,195,215)
```
#c2bfdb
```
#c2bfdb rgb(194,191,219)
```
#c0bbdf
```
#c0bbdf rgb(192,187,223)
```
#bdb7e3
```
#bdb7e3 rgb(189,183,227)
```
#bab4e6
```
#bab4e6 rgb(186,180,230)
```
#b7b0ea
```
#b7b0ea rgb(183,176,234)
```
#b4acee
```
#b4acee rgb(180,172,238)
```
#b1a8f2
```
#b1a8f2 rgb(177,168,242)
```
#aea4f6
```
#aea4f6 rgb(174,164,246)
```
#aba0fa
```
#aba0fa rgb(171,160,250)
```
#a89cfe
```
#a89cfe rgb(168,156,254)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b3b1c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eb2f6 Protanopia 1% of men
#a1b2f0 Deuteranopia 1% of men
#a9b6c3 Tritanopia 0.001% of the population

Trichromacy

#a4aef5 Protanomaly 1% of men, 0.01% of women
#a6aef1 Deuteranomaly 6% of men, 0.4% of women
#acb1d4 Tritanomaly 0.01% of the population

#b1a8f2 hex color

#b1a8f2 Color Information

#b1a8f2 Color Conversion

Color Schemes with #b1a8f2

Alternatives to #b1a8f2

#b1a8f2 Preview

Shades and Tints of #b1a8f2

Tones of #b1a8f2

Color Blindness Simulator