#b8abf4 hex color

In a RGB color space, hex #b8abf4 is composed of 72.2% red, 67.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 29.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 250.7 degrees, a saturation of 76.8% and a lightness of 81.4%. #b8abf4 color hex could be obtained by blending #ffffff with #7157e9. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 72
- G 67
- B 96
RGB color chart
- C 25
- M 30
- Y 0
- K 4
CMYK color chart

● #b8abf4 color description : Very soft blue.

The hexadecimal color #b8abf4 has RGB values of R:184, G:171, B:244 and CMYK values of C:0.25, M:0.3, Y:0, K:0.04. Its decimal value is 12102644.

Hex triplet	b8abf4	`#b8abf4`
RGB Decimal	184, 171, 244	`rgb(184,171,244)`
RGB Percent	72.2, 67.1, 95.7	`rgb(72.2%,67.1%,95.7%)`
CMYK	25, 30, 0, 4
HSL	250.7°, 76.8, 81.4	`hsl(250.7,76.8%,81.4%)`
HSV (or HSB)	250.7°, 29.9, 95.7
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	73.446, 19.84, -34.697
XYZ	50.656, 45.847, 91.764
xyY	0.269, 0.244, 45.847
CIE-LCH	73.446, 39.969, 299.762
CIE-LUV	73.446, 1.962, -58.5
Hunter-Lab	67.711, 15.047, -32.954
Binary	10111000, 10101011, 11110100

#b8abf4
```
#b8abf4 rgb(184,171,244)
```
#e7f4ab
```
#e7f4ab rgb(231,244,171)
```

Complementary Color

#abc3f4
```
#abc3f4 rgb(171,195,244)
```
#b8abf4
```
#b8abf4 rgb(184,171,244)
```
#ddabf4
```
#ddabf4 rgb(221,171,244)
```

Analogous Color

#c3f4ab
```
#c3f4ab rgb(195,244,171)
```
#b8abf4
```
#b8abf4 rgb(184,171,244)
```
#f4ddab
```
#f4ddab rgb(244,221,171)
```

Split Complementary Color

#abf4b8
```
#abf4b8 rgb(171,244,184)
```
#b8abf4
```
#b8abf4 rgb(184,171,244)
```
#f4b8ab
```
#f4b8ab rgb(244,184,171)
```

Triadic Color

#abe7f4
```
#abe7f4 rgb(171,231,244)
```
#b8abf4
```
#b8abf4 rgb(184,171,244)
```
#f4b8ab
```
#f4b8ab rgb(244,184,171)
```
#e7f4ab
```
#e7f4ab rgb(231,244,171)
```

Tetradic Color

#7f67eb
```
#7f67eb rgb(127,103,235)
```
#927eee
```
#927eee rgb(146,126,238)
```
#a594f1
```
#a594f1 rgb(165,148,241)
```
#b8abf4
```
#b8abf4 rgb(184,171,244)
```
#cbc2f7
```
#cbc2f7 rgb(203,194,247)
```
#ded8fa
```
#ded8fa rgb(222,216,250)
```
#f1effd
```
#f1effd rgb(241,239,253)
```

Monochromatic Color

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

#abb0f4
```
#abb0f4 rgb(171,176,244)
```
#acabf4
```
#acabf4 rgb(172,171,244)
```
#b2abf4
```
#b2abf4 rgb(178,171,244)
```
#b8abf4
```
#b8abf4 rgb(184,171,244)
```
#beabf4
```
#beabf4 rgb(190,171,244)
```
#c4abf4
```
#c4abf4 rgb(196,171,244)
```
#caabf4
```
#caabf4 rgb(202,171,244)
```

Similar Colors

Text with hexadecimal color #b8abf4

This text has a font color of #b8abf4.

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

#b8abf4 background color

This paragraph has a background color of #b8abf4.

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

#b8abf4 border color

This element has a border color of #b8abf4.

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

CSS codes

.text {color:#b8abf4;}

.background {background-color:#b8abf4;}

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

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

#010003
```
#010003 rgb(1,0,3)
```
#060314
```
#060314 rgb(6,3,20)
```
#0b0525
```
#0b0525 rgb(11,5,37)
```
#100737
```
#100737 rgb(16,7,55)
```
#150948
```
#150948 rgb(21,9,72)
```
#1a0c59
```
#1a0c59 rgb(26,12,89)
```
#1f0e6b
```
#1f0e6b rgb(31,14,107)
```
#23107c
```
#23107c rgb(35,16,124)
```
#28138d
```
#28138d rgb(40,19,141)
```
#2d159f
```
#2d159f rgb(45,21,159)
```
#3217b0
```
#3217b0 rgb(50,23,176)
```
#3719c2
```
#3719c2 rgb(55,25,194)
```
#3c1cd3
```
#3c1cd3 rgb(60,28,211)
```

Shade Color Variation

#4320e2
```
#4320e2 rgb(67,32,226)
```
#5132e4
```
#5132e4 rgb(81,50,228)
```
#6043e6
```
#6043e6 rgb(96,67,230)
```
#6f54e9
```
#6f54e9 rgb(111,84,233)
```
#7d66eb
```
#7d66eb rgb(125,102,235)
```
#8c77ed
```
#8c77ed rgb(140,119,237)
```
#9b88ef
```
#9b88ef rgb(155,136,239)
```
#a99af2
```
#a99af2 rgb(169,154,242)
```
#b8abf4
```
#b8abf4 rgb(184,171,244)
```
#c7bcf6
```
#c7bcf6 rgb(199,188,246)
```
#d5cef9
```
#d5cef9 rgb(213,206,249)
```
#e4dffb
```
#e4dffb rgb(228,223,251)
```
#f3f0fd
```
#f3f0fd rgb(243,240,253)
```

Tint Color Variation

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

#cdccd3
```
#cdccd3 rgb(205,204,211)
```
#cbc8d7
```
#cbc8d7 rgb(203,200,215)
```
#c8c5da
```
#c8c5da rgb(200,197,218)
```
#c6c1de
```
#c6c1de rgb(198,193,222)
```
#c4bde2
```
#c4bde2 rgb(196,189,226)
```
#c1bae5
```
#c1bae5 rgb(193,186,229)
```
#bfb6e9
```
#bfb6e9 rgb(191,182,233)
```
#bdb2ed
```
#bdb2ed rgb(189,178,237)
```
#baaff0
```
#baaff0 rgb(186,175,240)
```
#b8abf4
```
#b8abf4 rgb(184,171,244)
```
#b6a7f8
```
#b6a7f8 rgb(182,167,248)
```
#b3a4fb
```
#b3a4fb rgb(179,164,251)
```
#b1a0ff
```
#b1a0ff rgb(177,160,255)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b7b5c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b5f9 Protanopia 1% of men
#a6b5f2 Deuteranopia 1% of men
#b0b8c6 Tritanopia 0.001% of the population

Trichromacy

#aab1f7 Protanomaly 1% of men, 0.01% of women
#acb1f2 Deuteranomaly 6% of men, 0.4% of women
#b3b3d6 Tritanomaly 0.01% of the population

#b8abf4 hex color

#b8abf4 Color Information

#b8abf4 Color Conversion

Color Schemes with #b8abf4

Alternatives to #b8abf4

#b8abf4 Preview

Shades and Tints of #b8abf4

Tones of #b8abf4

Color Blindness Simulator