#b4abfd hex color

In a RGB color space, hex #b4abfd is composed of 70.6% red, 67.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 28.9% cyan, 32.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 246.6 degrees, a saturation of 95.3% and a lightness of 83.1%. #b4abfd color hex could be obtained by blending #ffffff with #6957fb. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 71
- G 67
- B 99
RGB color chart
- C 29
- M 32
- Y 0
- K 1
CMYK color chart

● #b4abfd color description : Very soft blue.

The hexadecimal color #b4abfd has RGB values of R:180, G:171, B:253 and CMYK values of C:0.29, M:0.32, Y:0, K:0.01. Its decimal value is 11840509.

Hex triplet	b4abfd	`#b4abfd`
RGB Decimal	180, 171, 253	`rgb(180,171,253)`
RGB Percent	70.6, 67.1, 99.2	`rgb(70.6%,67.1%,99.2%)`
CMYK	29, 32, 0, 1
HSL	246.6°, 95.3, 83.1	`hsl(246.6,95.3%,83.1%)`
HSV (or HSB)	246.6°, 32.4, 99.2
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	73.494, 20.847, -39.517
XYZ	51.112, 45.92, 99.094
xyY	0.261, 0.234, 45.92
CIE-LCH	73.494, 44.679, 297.814
CIE-LUV	73.494, -0.693, -66.76
Hunter-Lab	67.765, 16.046, -39.266
Binary	10110100, 10101011, 11111101

#b4abfd
```
#b4abfd rgb(180,171,253)
```
#f4fdab
```
#f4fdab rgb(244,253,171)
```

Complementary Color

#abcbfd
```
#abcbfd rgb(171,203,253)
```
#b4abfd
```
#b4abfd rgb(180,171,253)
```
#ddabfd
```
#ddabfd rgb(221,171,253)
```

Analogous Color

#cbfdab
```
#cbfdab rgb(203,253,171)
```
#b4abfd
```
#b4abfd rgb(180,171,253)
```
#fdddab
```
#fdddab rgb(253,221,171)
```

Split Complementary Color

#abfdb4
```
#abfdb4 rgb(171,253,180)
```
#b4abfd
```
#b4abfd rgb(180,171,253)
```
#fdb4ab
```
#fdb4ab rgb(253,180,171)
```

Triadic Color

#abf4fd
```
#abf4fd rgb(171,244,253)
```
#b4abfd
```
#b4abfd rgb(180,171,253)
```
#fdb4ab
```
#fdb4ab rgb(253,180,171)
```
#f4fdab
```
#f4fdab rgb(244,253,171)
```

Tetradic Color

#7160fb
```
#7160fb rgb(113,96,251)
```
#8879fc
```
#8879fc rgb(136,121,252)
```
#9e92fc
```
#9e92fc rgb(158,146,252)
```
#b4abfd
```
#b4abfd rgb(180,171,253)
```
#cac4fe
```
#cac4fe rgb(202,196,254)
```
#e0ddfe
```
#e0ddfe rgb(224,221,254)
```
#f7f6ff
```
#f7f6ff rgb(247,246,255)
```

Monochromatic Color

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

#abb7fd
```
#abb7fd rgb(171,183,253)
```
#abb0fd
```
#abb0fd rgb(171,176,253)
```
#adabfd
```
#adabfd rgb(173,171,253)
```
#b4abfd
```
#b4abfd rgb(180,171,253)
```
#bbabfd
```
#bbabfd rgb(187,171,253)
```
#c2abfd
```
#c2abfd rgb(194,171,253)
```
#c9abfd
```
#c9abfd rgb(201,171,253)
```

Similar Colors

Text with hexadecimal color #b4abfd

This text has a font color of #b4abfd.

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

#b4abfd background color

This paragraph has a background color of #b4abfd.

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

#b4abfd border color

This element has a border color of #b4abfd.

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

CSS codes

.text {color:#b4abfd;}

.background {background-color:#b4abfd;}

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

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, #02000c is the darkest color, while #f8f8ff is the lightest one.

#02000c
```
#02000c rgb(2,0,12)
```
#04011f
```
#04011f rgb(4,1,31)
```
#070132
```
#070132 rgb(7,1,50)
```
#090245
```
#090245 rgb(9,2,69)
```
#0c0258
```
#0c0258 rgb(12,2,88)
```
#0e036c
```
#0e036c rgb(14,3,108)
```
#11037f
```
#11037f rgb(17,3,127)
```
#130392
```
#130392 rgb(19,3,146)
```
#1604a5
```
#1604a5 rgb(22,4,165)
```
#1804b8
```
#1804b8 rgb(24,4,184)
```
#1b05cb
```
#1b05cb rgb(27,5,203)
```
#1d05df
```
#1d05df rgb(29,5,223)
```
#2006f2
```
#2006f2 rgb(32,6,242)
```

Shade Color Variation

#2b12f9
```
#2b12f9 rgb(43,18,249)
```
#3c25fa
```
#3c25fa rgb(60,37,250)
```
#4d38fa
```
#4d38fa rgb(77,56,250)
```
#5e4bfb
```
#5e4bfb rgb(94,75,251)
```
#705efb
```
#705efb rgb(112,94,251)
```
#8172fc
```
#8172fc rgb(129,114,252)
```
#9285fc
```
#9285fc rgb(146,133,252)
```
#a398fd
```
#a398fd rgb(163,152,253)
```
#b4abfd
```
#b4abfd rgb(180,171,253)
```
#c5befd
```
#c5befd rgb(197,190,253)
```
#d6d1fe
```
#d6d1fe rgb(214,209,254)
```
#e7e4fe
```
#e7e4fe rgb(231,228,254)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

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

#d3d3d5
```
#d3d3d5 rgb(211,211,213)
```
#d0cfd9
```
#d0cfd9 rgb(208,207,217)
```
#ceccdc
```
#ceccdc rgb(206,204,220)
```
#cbc9df
```
#cbc9df rgb(203,201,223)
```
#c9c5e3
```
#c9c5e3 rgb(201,197,227)
```
#c6c2e6
```
#c6c2e6 rgb(198,194,230)
```
#c3bfe9
```
#c3bfe9 rgb(195,191,233)
```
#c1bcec
```
#c1bcec rgb(193,188,236)
```
#beb8f0
```
#beb8f0 rgb(190,184,240)
```
#bcb5f3
```
#bcb5f3 rgb(188,181,243)
```
#b9b2f6
```
#b9b2f6 rgb(185,178,246)
```
#b7aefa
```
#b7aefa rgb(183,174,250)
```
#b4abfd
```
#b4abfd rgb(180,171,253)
```

Tone Color Variation

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

Dichromacy

#9fb5ff Protanopia 1% of men
#9fb6fa Deuteranopia 1% of men
#aabac7 Tritanopia 0.001% of the population

Trichromacy

#a6b1fe Protanomaly 1% of men, 0.01% of women
#a7b2fb Deuteranomaly 6% of men, 0.4% of women
#aeb4db Tritanomaly 0.01% of the population

#b4abfd hex color

#b4abfd Color Information

#b4abfd Color Conversion

Color Schemes with #b4abfd

Alternatives to #b4abfd

#b4abfd Preview

Shades and Tints of #b4abfd

Tones of #b4abfd

Color Blindness Simulator