#b4a8e0 hex color

In a RGB color space, hex #b4a8e0 is composed of 70.6% red, 65.9% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 19.6% cyan, 25% magenta, 0% yellow and 12.2% black. It has a hue angle of 252.9 degrees, a saturation of 47.5% and a lightness of 76.9%. #b4a8e0 color hex could be obtained by blending #ffffff with #6951c1. Closest websafe color is: #cc99cc.

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

● #b4a8e0 color description : Very soft blue.

The hexadecimal color #b4a8e0 has RGB values of R:180, G:168, B:224 and CMYK values of C:0.2, M:0.25, Y:0, K:0.12. Its decimal value is 11839712.

Hex triplet	b4a8e0	`#b4a8e0`
RGB Decimal	180, 168, 224	`rgb(180,168,224)`
RGB Percent	70.6, 65.9, 87.8	`rgb(70.6%,65.9%,87.8%)`
CMYK	20, 25, 0, 12
HSL	252.9°, 47.5, 76.9	`hsl(252.9,47.5%,76.9%)`
HSV (or HSB)	252.9°, 25, 87.8
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	71.616, 15.694, -26.657
XYZ	46.277, 43.09, 76.396
xyY	0.279, 0.26, 43.09
CIE-LCH	71.616, 30.934, 300.488
CIE-LUV	71.616, 2.763, -44.347
Hunter-Lab	65.643, 10.964, -23.052
Binary	10110100, 10101000, 11100000

#b4a8e0
```
#b4a8e0 rgb(180,168,224)
```
#d4e0a8
```
#d4e0a8 rgb(212,224,168)
```

Complementary Color

#a8b8e0
```
#a8b8e0 rgb(168,184,224)
```
#b4a8e0
```
#b4a8e0 rgb(180,168,224)
```
#d0a8e0
```
#d0a8e0 rgb(208,168,224)
```

Analogous Color

#b8e0a8
```
#b8e0a8 rgb(184,224,168)
```
#b4a8e0
```
#b4a8e0 rgb(180,168,224)
```
#e0d0a8
```
#e0d0a8 rgb(224,208,168)
```

Split Complementary Color

#a8e0b4
```
#a8e0b4 rgb(168,224,180)
```
#b4a8e0
```
#b4a8e0 rgb(180,168,224)
```
#e0b4a8
```
#e0b4a8 rgb(224,180,168)
```

Triadic Color

#a8d4e0
```
#a8d4e0 rgb(168,212,224)
```
#b4a8e0
```
#b4a8e0 rgb(180,168,224)
```
#e0b4a8
```
#e0b4a8 rgb(224,180,168)
```
#d4e0a8
```
#d4e0a8 rgb(212,224,168)
```

Tetradic Color

#8370cc
```
#8370cc rgb(131,112,204)
```
#9482d3
```
#9482d3 rgb(148,130,211)
```
#a495d9
```
#a495d9 rgb(164,149,217)
```
#b4a8e0
```
#b4a8e0 rgb(180,168,224)
```
#c4bbe7
```
#c4bbe7 rgb(196,187,231)
```
#d4ceed
```
#d4ceed rgb(212,206,237)
```
#e5e0f4
```
#e5e0f4 rgb(229,224,244)
```

Monochromatic Color

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

#a8aae0
```
#a8aae0 rgb(168,170,224)
```
#aba8e0
```
#aba8e0 rgb(171,168,224)
```
#afa8e0
```
#afa8e0 rgb(175,168,224)
```
#b4a8e0
```
#b4a8e0 rgb(180,168,224)
```
#b9a8e0
```
#b9a8e0 rgb(185,168,224)
```
#bda8e0
```
#bda8e0 rgb(189,168,224)
```
#c2a8e0
```
#c2a8e0 rgb(194,168,224)
```

Similar Colors

Text with hexadecimal color #b4a8e0

This text has a font color of #b4a8e0.

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

#b4a8e0 background color

This paragraph has a background color of #b4a8e0.

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

#b4a8e0 border color

This element has a border color of #b4a8e0.

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

CSS codes

.text {color:#b4a8e0;}

.background {background-color:#b4a8e0;}

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

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, #07050e is the darkest color, while #ffffff is the lightest one.

#07050e
```
#07050e rgb(7,5,14)
```
#0e0a1d
```
#0e0a1d rgb(14,10,29)
```
#150f2b
```
#150f2b rgb(21,15,43)
```
#1c153a
```
#1c153a rgb(28,21,58)
```
#241a48
```
#241a48 rgb(36,26,72)
```
#2b1f57
```
#2b1f57 rgb(43,31,87)
```
#322465
```
#322465 rgb(50,36,101)
```
#392973
```
#392973 rgb(57,41,115)
```
#402e82
```
#402e82 rgb(64,46,130)
```
#473390
```
#473390 rgb(71,51,144)
```
#4f399f
```
#4f399f rgb(79,57,159)
```
#563ead
```
#563ead rgb(86,62,173)
```
#5d43bc
```
#5d43bc rgb(93,67,188)
```

Shade Color Variation

#6951c1
```
#6951c1 rgb(105,81,193)
```
#7660c6
```
#7660c6 rgb(118,96,198)
```
#826ecb
```
#826ecb rgb(130,110,203)
```
#8f7dd1
```
#8f7dd1 rgb(143,125,209)
```
#9b8bd6
```
#9b8bd6 rgb(155,139,214)
```
#a89adb
```
#a89adb rgb(168,154,219)
```
#b4a8e0
```
#b4a8e0 rgb(180,168,224)
```
#c0b6e5
```
#c0b6e5 rgb(192,182,229)
```
#cdc5ea
```
#cdc5ea rgb(205,197,234)
```
#d9d3ef
```
#d9d3ef rgb(217,211,239)
```
#e6e2f5
```
#e6e2f5 rgb(230,226,245)
```
#f2f0fa
```
#f2f0fa rgb(242,240,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c4c3c5
```
#c4c3c5 rgb(196,195,197)
```
#c1bfc9
```
#c1bfc9 rgb(193,191,201)
```
#bebace
```
#bebace rgb(190,186,206)
```
#bcb6d2
```
#bcb6d2 rgb(188,182,210)
```
#b9b1d7
```
#b9b1d7 rgb(185,177,215)
```
#b7addb
```
#b7addb rgb(183,173,219)
```
#b4a8e0
```
#b4a8e0 rgb(180,168,224)
```
#b1a3e5
```
#b1a3e5 rgb(177,163,229)
```
#af9fe9
```
#af9fe9 rgb(175,159,233)
```
#ac9aee
```
#ac9aee rgb(172,154,238)
```
#aa96f2
```
#aa96f2 rgb(170,150,242)
```
#a791f7
```
#a791f7 rgb(167,145,247)
```
#a48dfb
```
#a48dfb rgb(164,141,251)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b2b0bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b1e4 Protanopia 1% of men
#abb0e0 Deuteranopia 1% of men
#b0b3bf Tritanopia 0.001% of the population

Trichromacy

#aaaee3 Protanomaly 1% of men, 0.01% of women
#aeade0 Deuteranomaly 6% of men, 0.4% of women
#b1afcb Tritanomaly 0.01% of the population

#b4a8e0 hex color

#b4a8e0 Color Information

#b4a8e0 Color Conversion

Color Schemes with #b4a8e0

Alternatives to #b4a8e0

#b4a8e0 Preview

Shades and Tints of #b4a8e0

Tones of #b4a8e0

Color Blindness Simulator