#b4abfa hex color

In a RGB color space, hex #b4abfa is composed of 70.6% red, 67.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 28% cyan, 31.6% magenta, 0% yellow and 2% black. It has a hue angle of 246.8 degrees, a saturation of 88.8% and a lightness of 82.5%. #b4abfa color hex could be obtained by blending #ffffff with #6957f5. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 71
- G 67
- B 98
RGB color chart
- C 28
- M 32
- Y 0
- K 2
CMYK color chart

● #b4abfa color description : Very soft blue.

The hexadecimal color #b4abfa has RGB values of R:180, G:171, B:250 and CMYK values of C:0.28, M:0.32, Y:0, K:0.02. Its decimal value is 11840506.

Hex triplet	b4abfa	`#b4abfa`
RGB Decimal	180, 171, 250	`rgb(180,171,250)`
RGB Percent	70.6, 67.1, 98	`rgb(70.6%,67.1%,98%)`
CMYK	28, 32, 0, 2
HSL	246.8°, 88.8, 82.5	`hsl(246.8,88.8%,82.5%)`
HSV (or HSB)	246.8°, 31.6, 98
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	73.37, 20.118, -38.088
XYZ	50.637, 45.731, 96.596
xyY	0.262, 0.237, 45.731
CIE-LCH	73.37, 43.075, 297.843
CIE-LUV	73.37, -0.474, -64.231
Hunter-Lab	67.624, 15.318, -37.354
Binary	10110100, 10101011, 11111010

#b4abfa
```
#b4abfa rgb(180,171,250)
```
#f1faab
```
#f1faab rgb(241,250,171)
```

Complementary Color

#abcafa
```
#abcafa rgb(171,202,250)
```
#b4abfa
```
#b4abfa rgb(180,171,250)
```
#dcabfa
```
#dcabfa rgb(220,171,250)
```

Analogous Color

#cafaab
```
#cafaab rgb(202,250,171)
```
#b4abfa
```
#b4abfa rgb(180,171,250)
```
#fadcab
```
#fadcab rgb(250,220,171)
```

Split Complementary Color

#abfab4
```
#abfab4 rgb(171,250,180)
```
#b4abfa
```
#b4abfa rgb(180,171,250)
```
#fab4ab
```
#fab4ab rgb(250,180,171)
```

Triadic Color

#abf1fa
```
#abf1fa rgb(171,241,250)
```
#b4abfa
```
#b4abfa rgb(180,171,250)
```
#fab4ab
```
#fab4ab rgb(250,180,171)
```
#f1faab
```
#f1faab rgb(241,250,171)
```

Tetradic Color

#7463f6
```
#7463f6 rgb(116,99,246)
```
#897bf7
```
#897bf7 rgb(137,123,247)
```
#9f93f9
```
#9f93f9 rgb(159,147,249)
```
#b4abfa
```
#b4abfa rgb(180,171,250)
```
#c9c3fb
```
#c9c3fb rgb(201,195,251)
```
#dfdbfd
```
#dfdbfd rgb(223,219,253)
```
#f4f3fe
```
#f4f3fe rgb(244,243,254)
```

Monochromatic Color

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

#abb6fa
```
#abb6fa rgb(171,182,250)
```
#abaffa
```
#abaffa rgb(171,175,250)
```
#adabfa
```
#adabfa rgb(173,171,250)
```
#b4abfa
```
#b4abfa rgb(180,171,250)
```
#bbabfa
```
#bbabfa rgb(187,171,250)
```
#c1abfa
```
#c1abfa rgb(193,171,250)
```
#c8abfa
```
#c8abfa rgb(200,171,250)
```

Similar Colors

Text with hexadecimal color #b4abfa

This text has a font color of #b4abfa.

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

#b4abfa background color

This paragraph has a background color of #b4abfa.

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

#b4abfa border color

This element has a border color of #b4abfa.

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

CSS codes

.text {color:#b4abfa;}

.background {background-color:#b4abfa;}

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

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

#010109
```
#010109 rgb(1,1,9)
```
#05021b
```
#05021b rgb(5,2,27)
```
#08032e
```
#08032e rgb(8,3,46)
```
#0b0440
```
#0b0440 rgb(11,4,64)
```
#0e0553
```
#0e0553 rgb(14,5,83)
```
#110665
```
#110665 rgb(17,6,101)
```
#140778
```
#140778 rgb(20,7,120)
```
#17088a
```
#17088a rgb(23,8,138)
```
#1a099d
```
#1a099d rgb(26,9,157)
```
#1d0aaf
```
#1d0aaf rgb(29,10,175)
```
#200cc2
```
#200cc2 rgb(32,12,194)
```
#230dd4
```
#230dd4 rgb(35,13,212)
```
#260ee7
```
#260ee7 rgb(38,14,231)
```

Shade Color Variation

#3017f1
```
#3017f1 rgb(48,23,241)
```
#4029f2
```
#4029f2 rgb(64,41,242)
```
#513cf3
```
#513cf3 rgb(81,60,243)
```
#614ef4
```
#614ef4 rgb(97,78,244)
```
#7261f6
```
#7261f6 rgb(114,97,246)
```
#8273f7
```
#8273f7 rgb(130,115,247)
```
#9386f8
```
#9386f8 rgb(147,134,248)
```
#a398f9
```
#a398f9 rgb(163,152,249)
```
#b4abfa
```
#b4abfa rgb(180,171,250)
```
#c5befb
```
#c5befb rgb(197,190,251)
```
#d5d0fc
```
#d5d0fc rgb(213,208,252)
```
#e6e3fd
```
#e6e3fd rgb(230,227,253)
```
#f6f5fe
```
#f6f5fe rgb(246,245,254)
```

Tint Color Variation

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

#d1d1d4
```
#d1d1d4 rgb(209,209,212)
```
#cecdd8
```
#cecdd8 rgb(206,205,216)
```
#cccadb
```
#cccadb rgb(204,202,219)
```
#c9c6df
```
#c9c6df rgb(201,198,223)
```
#c7c3e2
```
#c7c3e2 rgb(199,195,226)
```
#c4c0e5
```
#c4c0e5 rgb(196,192,229)
```
#c1bce9
```
#c1bce9 rgb(193,188,233)
```
#bfb9ec
```
#bfb9ec rgb(191,185,236)
```
#bcb5f0
```
#bcb5f0 rgb(188,181,240)
```
#b9b2f3
```
#b9b2f3 rgb(185,178,243)
```
#b7aef7
```
#b7aef7 rgb(183,174,247)
```
#b4abfa
```
#b4abfa rgb(180,171,250)
```
#b1a8fd
```
#b1a8fd rgb(177,168,253)
```

Tone Color Variation

Below, you can see how #b4abfa 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
#b6b5c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb5fe Protanopia 1% of men
#a1b6f7 Deuteranopia 1% of men
#abb9c7 Tritanopia 0.001% of the population

Trichromacy

#a6b1fc Protanomaly 1% of men, 0.01% of women
#a8b2f8 Deuteranomaly 6% of men, 0.4% of women
#aeb4d9 Tritanomaly 0.01% of the population

#b4abfa hex color

#b4abfa Color Information

#b4abfa Color Conversion

Color Schemes with #b4abfa

Alternatives to #b4abfa

#b4abfa Preview

Shades and Tints of #b4abfa

Tones of #b4abfa

Color Blindness Simulator