#b1a8e1 hex color

In a RGB color space, hex #b1a8e1 is composed of 69.4% red, 65.9% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 21.3% cyan, 25.3% magenta, 0% yellow and 11.8% black. It has a hue angle of 249.5 degrees, a saturation of 48.7% and a lightness of 77.1%. #b1a8e1 color hex could be obtained by blending #ffffff with #6351c3. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 66
- B 88
RGB color chart
- C 21
- M 25
- Y 0
- K 12
CMYK color chart

● #b1a8e1 color description : Very soft blue.

The hexadecimal color #b1a8e1 has RGB values of R:177, G:168, B:225 and CMYK values of C:0.21, M:0.25, Y:0, K:0.12. Its decimal value is 11643105.

Hex triplet	b1a8e1	`#b1a8e1`
RGB Decimal	177, 168, 225	`rgb(177,168,225)`
RGB Percent	69.4, 65.9, 88.2	`rgb(69.4%,65.9%,88.2%)`
CMYK	21, 25, 0, 12
HSL	249.5°, 48.7, 77.1	`hsl(249.5,48.7%,77.1%)`
HSV (or HSB)	249.5°, 25.3, 88.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	71.411, 15, -27.539
XYZ	45.722, 42.788, 77.08
xyY	0.276, 0.258, 42.788
CIE-LCH	71.411, 31.359, 298.576
CIE-LUV	71.411, 1.128, -45.677
Hunter-Lab	65.413, 10.295, -24.076
Binary	10110001, 10101000, 11100001

#b1a8e1
```
#b1a8e1 rgb(177,168,225)
```
#d8e1a8
```
#d8e1a8 rgb(216,225,168)
```

Complementary Color

#a8bce1
```
#a8bce1 rgb(168,188,225)
```
#b1a8e1
```
#b1a8e1 rgb(177,168,225)
```
#cea8e1
```
#cea8e1 rgb(206,168,225)
```

Analogous Color

#bce1a8
```
#bce1a8 rgb(188,225,168)
```
#b1a8e1
```
#b1a8e1 rgb(177,168,225)
```
#e1cea8
```
#e1cea8 rgb(225,206,168)
```

Split Complementary Color

#a8e1b1
```
#a8e1b1 rgb(168,225,177)
```
#b1a8e1
```
#b1a8e1 rgb(177,168,225)
```
#e1b1a8
```
#e1b1a8 rgb(225,177,168)
```

Triadic Color

#a8d8e1
```
#a8d8e1 rgb(168,216,225)
```
#b1a8e1
```
#b1a8e1 rgb(177,168,225)
```
#e1b1a8
```
#e1b1a8 rgb(225,177,168)
```
#d8e1a8
```
#d8e1a8 rgb(216,225,168)
```

Tetradic Color

#7e6fcd
```
#7e6fcd rgb(126,111,205)
```
#8f82d4
```
#8f82d4 rgb(143,130,212)
```
#a095da
```
#a095da rgb(160,149,218)
```
#b1a8e1
```
#b1a8e1 rgb(177,168,225)
```
#c2bbe8
```
#c2bbe8 rgb(194,187,232)
```
#d3ceee
```
#d3ceee rgb(211,206,238)
```
#e4e1f5
```
#e4e1f5 rgb(228,225,245)
```

Monochromatic Color

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

#a8ade1
```
#a8ade1 rgb(168,173,225)
```
#a8a9e1
```
#a8a9e1 rgb(168,169,225)
```
#aca8e1
```
#aca8e1 rgb(172,168,225)
```
#b1a8e1
```
#b1a8e1 rgb(177,168,225)
```
#b6a8e1
```
#b6a8e1 rgb(182,168,225)
```
#bba8e1
```
#bba8e1 rgb(187,168,225)
```
#bfa8e1
```
#bfa8e1 rgb(191,168,225)
```

Similar Colors

Text with hexadecimal color #b1a8e1

This text has a font color of #b1a8e1.

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

#b1a8e1 background color

This paragraph has a background color of #b1a8e1.

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

#b1a8e1 border color

This element has a border color of #b1a8e1.

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

CSS codes

.text {color:#b1a8e1;}

.background {background-color:#b1a8e1;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#07050f
```
#07050f rgb(7,5,15)
```
#0d0a1e
```
#0d0a1e rgb(13,10,30)
```
#140f2c
```
#140f2c rgb(20,15,44)
```
#1a143b
```
#1a143b rgb(26,20,59)
```
#211949
```
#211949 rgb(33,25,73)
```
#271e58
```
#271e58 rgb(39,30,88)
```
#2e2367
```
#2e2367 rgb(46,35,103)
```
#352875
```
#352875 rgb(53,40,117)
```
#3b2d84
```
#3b2d84 rgb(59,45,132)
```
#423292
```
#423292 rgb(66,50,146)
```
#4838a1
```
#4838a1 rgb(72,56,161)
```
#4f3db0
```
#4f3db0 rgb(79,61,176)
```

Shade Color Variation

#5542be
```
#5542be rgb(85,66,190)
```
#6350c3
```
#6350c3 rgb(99,80,195)
```
#705fc8
```
#705fc8 rgb(112,95,200)
```
#7d6ecd
```
#7d6ecd rgb(125,110,205)
```
#8a7cd2
```
#8a7cd2 rgb(138,124,210)
```
#978bd7
```
#978bd7 rgb(151,139,215)
```
#a499dc
```
#a499dc rgb(164,153,220)
```
#b1a8e1
```
#b1a8e1 rgb(177,168,225)
```
#beb7e6
```
#beb7e6 rgb(190,183,230)
```
#cbc5eb
```
#cbc5eb rgb(203,197,235)
```
#d8d4f0
```
#d8d4f0 rgb(216,212,240)
```
#e5e2f5
```
#e5e2f5 rgb(229,226,245)
```
#f2f1fa
```
#f2f1fa rgb(242,241,250)
```

Tint Color Variation

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

#c3c3c6
```
#c3c3c6 rgb(195,195,198)
```
#c0bfcb
```
#c0bfcb rgb(192,191,203)
```
#bdbacf
```
#bdbacf rgb(189,186,207)
```
#bab6d4
```
#bab6d4 rgb(186,182,212)
```
#b7b1d8
```
#b7b1d8 rgb(183,177,216)
```
#b4addd
```
#b4addd rgb(180,173,221)
```
#b1a8e1
```
#b1a8e1 rgb(177,168,225)
```
#aea4e6
```
#aea4e6 rgb(174,164,230)
```
#ab9fea
```
#ab9fea rgb(171,159,234)
```
#a89bef
```
#a89bef rgb(168,155,239)
```
#a596f3
```
#a596f3 rgb(165,150,243)
```
#a292f8
```
#a292f8 rgb(162,146,248)
```
#9f8dfc
```
#9f8dfc rgb(159,141,252)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b1afbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b1e5 Protanopia 1% of men
#a9b0e1 Deuteranopia 1% of men
#adb3c0 Tritanopia 0.001% of the population

Trichromacy

#a8ade3 Protanomaly 1% of men, 0.01% of women
#acade1 Deuteranomaly 6% of men, 0.4% of women
#aeafcc Tritanomaly 0.01% of the population

#b1a8e1 hex color

#b1a8e1 Color Information

#b1a8e1 Color Conversion

Color Schemes with #b1a8e1

Alternatives to #b1a8e1

#b1a8e1 Preview

Shades and Tints of #b1a8e1

Tones of #b1a8e1

Color Blindness Simulator