#b1a5e4 hex color

In a RGB color space, hex #b1a5e4 is composed of 69.4% red, 64.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 27.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 251.4 degrees, a saturation of 53.8% and a lightness of 77.1%. #b1a5e4 color hex could be obtained by blending #ffffff with #634bc9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 65
- B 89
RGB color chart
- C 22
- M 28
- Y 0
- K 11
CMYK color chart

● #b1a5e4 color description : Very soft blue.

The hexadecimal color #b1a5e4 has RGB values of R:177, G:165, B:228 and CMYK values of C:0.22, M:0.28, Y:0, K:0.11. Its decimal value is 11642340.

Hex triplet	b1a5e4	`#b1a5e4`
RGB Decimal	177, 165, 228	`rgb(177,165,228)`
RGB Percent	69.4, 64.7, 89.4	`rgb(69.4%,64.7%,89.4%)`
CMYK	22, 28, 0, 11
HSL	251.4°, 53.8, 77.1	`hsl(251.4,53.8%,77.1%)`
HSV (or HSB)	251.4°, 27.6, 89.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.773, 17.364, -30.161
XYZ	45.588, 41.859, 79.072
xyY	0.274, 0.251, 41.859
CIE-LCH	70.773, 34.802, 299.929
CIE-LUV	70.773, 2.204, -50.291
Hunter-Lab	64.698, 12.553, -27.174
Binary	10110001, 10100101, 11100100

#b1a5e4
```
#b1a5e4 rgb(177,165,228)
```
#d8e4a5
```
#d8e4a5 rgb(216,228,165)
```

Complementary Color

#a5b9e4
```
#a5b9e4 rgb(165,185,228)
```
#b1a5e4
```
#b1a5e4 rgb(177,165,228)
```
#d1a5e4
```
#d1a5e4 rgb(209,165,228)
```

Analogous Color

#b9e4a5
```
#b9e4a5 rgb(185,228,165)
```
#b1a5e4
```
#b1a5e4 rgb(177,165,228)
```
#e4d1a5
```
#e4d1a5 rgb(228,209,165)
```

Split Complementary Color

#a5e4b1
```
#a5e4b1 rgb(165,228,177)
```
#b1a5e4
```
#b1a5e4 rgb(177,165,228)
```
#e4b1a5
```
#e4b1a5 rgb(228,177,165)
```

Triadic Color

#a5d8e4
```
#a5d8e4 rgb(165,216,228)
```
#b1a5e4
```
#b1a5e4 rgb(177,165,228)
```
#e4b1a5
```
#e4b1a5 rgb(228,177,165)
```
#d8e4a5
```
#d8e4a5 rgb(216,228,165)
```

Tetradic Color

#7e6ad2
```
#7e6ad2 rgb(126,106,210)
```
#8f7ed8
```
#8f7ed8 rgb(143,126,216)
```
#a091de
```
#a091de rgb(160,145,222)
```
#b1a5e4
```
#b1a5e4 rgb(177,165,228)
```
#c2b9ea
```
#c2b9ea rgb(194,185,234)
```
#d3ccf0
```
#d3ccf0 rgb(211,204,240)
```
#e4e0f6
```
#e4e0f6 rgb(228,224,246)
```

Monochromatic Color

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

#a5a9e4
```
#a5a9e4 rgb(165,169,228)
```
#a7a5e4
```
#a7a5e4 rgb(167,165,228)
```
#aca5e4
```
#aca5e4 rgb(172,165,228)
```
#b1a5e4
```
#b1a5e4 rgb(177,165,228)
```
#b6a5e4
```
#b6a5e4 rgb(182,165,228)
```
#bca5e4
```
#bca5e4 rgb(188,165,228)
```
#c1a5e4
```
#c1a5e4 rgb(193,165,228)
```

Similar Colors

Text with hexadecimal color #b1a5e4

This text has a font color of #b1a5e4.

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

#b1a5e4 background color

This paragraph has a background color of #b1a5e4.

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

#b1a5e4 border color

This element has a border color of #b1a5e4.

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

CSS codes

.text {color:#b1a5e4;}

.background {background-color:#b1a5e4;}

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

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 #f2f0fb is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#070510
```
#070510 rgb(7,5,16)
```
#0d091f
```
#0d091f rgb(13,9,31)
```
#140e2e
```
#140e2e rgb(20,14,46)
```
#1a123d
```
#1a123d rgb(26,18,61)
```
#21174c
```
#21174c rgb(33,23,76)
```
#271b5b
```
#271b5b rgb(39,27,91)
```
#2e206a
```
#2e206a rgb(46,32,106)
```
#352479
```
#352479 rgb(53,36,121)
```
#3b2988
```
#3b2988 rgb(59,41,136)
```
#422d97
```
#422d97 rgb(66,45,151)
```
#4832a7
```
#4832a7 rgb(72,50,167)
```
#4f36b6
```
#4f36b6 rgb(79,54,182)
```

Shade Color Variation

#553bc4
```
#553bc4 rgb(85,59,196)
```
#634ac9
```
#634ac9 rgb(99,74,201)
```
#705acd
```
#705acd rgb(112,90,205)
```
#7d69d2
```
#7d69d2 rgb(125,105,210)
```
#8a78d6
```
#8a78d6 rgb(138,120,214)
```
#9787db
```
#9787db rgb(151,135,219)
```
#a496df
```
#a496df rgb(164,150,223)
```
#b1a5e4
```
#b1a5e4 rgb(177,165,228)
```
#beb4e9
```
#beb4e9 rgb(190,180,233)
```
#cbc3ed
```
#cbc3ed rgb(203,195,237)
```
#d8d2f2
```
#d8d2f2 rgb(216,210,242)
```
#e5e1f6
```
#e5e1f6 rgb(229,225,246)
```
#f2f0fb
```
#f2f0fb rgb(242,240,251)
```

Tint Color Variation

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

#c2c0c9
```
#c2c0c9 rgb(194,192,201)
```
#bfbcce
```
#bfbcce rgb(191,188,206)
```
#bcb7d2
```
#bcb7d2 rgb(188,183,210)
```
#b9b3d7
```
#b9b3d7 rgb(185,179,215)
```
#b7aedb
```
#b7aedb rgb(183,174,219)
```
#b4aae0
```
#b4aae0 rgb(180,170,224)
```
#b1a5e4
```
#b1a5e4 rgb(177,165,228)
```
#aea1e9
```
#aea1e9 rgb(174,161,233)
```
#ab9ced
```
#ab9ced rgb(171,156,237)
```
#a998f2
```
#a998f2 rgb(169,152,242)
```
#a693f6
```
#a693f6 rgb(166,147,246)
```
#a38ffb
```
#a38ffb rgb(163,143,251)
```
#a08aff
```
#a08aff rgb(160,138,255)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b0aeba Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fafe9 Protanopia 1% of men
#a4aee3 Deuteranopia 1% of men
#acb1be Tritanopia 0.001% of the population

Trichromacy

#a5abe7 Protanomaly 1% of men, 0.01% of women
#a9abe3 Deuteranomaly 6% of men, 0.4% of women
#aeaccb Tritanomaly 0.01% of the population

#b1a5e4 hex color

#b1a5e4 Color Information

#b1a5e4 Color Conversion

Color Schemes with #b1a5e4

Alternatives to #b1a5e4

#b1a5e4 Preview

Shades and Tints of #b1a5e4

Tones of #b1a5e4

Color Blindness Simulator