#b4abff hex color

In a RGB color space, hex #b4abff is composed of 70.6% red, 67.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 32.9% magenta, 0% yellow and 0% black. It has a hue angle of 246.4 degrees, a saturation of 100% and a lightness of 83.5%. #b4abff color hex could be obtained by blending #ffffff with #6957ff. Closest websafe color is: #cc99ff.

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

● #b4abff color description : Pale blue.

The hexadecimal color #b4abff has RGB values of R:180, G:171, B:255 and CMYK values of C:0.29, M:0.33, Y:0, K:0. Its decimal value is 11840511.

Hex triplet	b4abff	`#b4abff`
RGB Decimal	180, 171, 255	`rgb(180,171,255)`
RGB Percent	70.6, 67.1, 100	`rgb(70.6%,67.1%,100%)`
CMYK	29, 33, 0, 0
HSL	246.4°, 100, 83.5	`hsl(246.4,100%,83.5%)`
HSV (or HSB)	246.4°, 32.9, 100
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	73.577, 21.336, -40.468
XYZ	51.432, 46.049, 100.781
xyY	0.259, 0.232, 46.049
CIE-LCH	73.577, 45.748, 297.8
CIE-LUV	73.577, -0.839, -68.444
Hunter-Lab	67.859, 16.536, -40.553
Binary	10110100, 10101011, 11111111

#b4abff
```
#b4abff rgb(180,171,255)
```
#f6ffab
```
#f6ffab rgb(246,255,171)
```

Complementary Color

#abccff
```
#abccff rgb(171,204,255)
```
#b4abff
```
#b4abff rgb(180,171,255)
```
#deabff
```
#deabff rgb(222,171,255)
```

Analogous Color

#ccffab
```
#ccffab rgb(204,255,171)
```
#b4abff
```
#b4abff rgb(180,171,255)
```
#ffdeab
```
#ffdeab rgb(255,222,171)
```

Split Complementary Color

#abffb4
```
#abffb4 rgb(171,255,180)
```
#b4abff
```
#b4abff rgb(180,171,255)
```
#ffb4ab
```
#ffb4ab rgb(255,180,171)
```

Triadic Color

#abf6ff
```
#abf6ff rgb(171,246,255)
```
#b4abff
```
#b4abff rgb(180,171,255)
```
#ffb4ab
```
#ffb4ab rgb(255,180,171)
```
#f6ffab
```
#f6ffab rgb(246,255,171)
```

Tetradic Color

#705fff
```
#705fff rgb(112,95,255)
```
#8678ff
```
#8678ff rgb(134,120,255)
```
#9d92ff
```
#9d92ff rgb(157,146,255)
```
#b4abff
```
#b4abff rgb(180,171,255)
```
#cbc5ff
```
#cbc5ff rgb(203,197,255)
```
#e2deff
```
#e2deff rgb(226,222,255)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Monochromatic Color

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

#abb7ff
```
#abb7ff rgb(171,183,255)
```
#abb0ff
```
#abb0ff rgb(171,176,255)
```
#adabff
```
#adabff rgb(173,171,255)
```
#b4abff
```
#b4abff rgb(180,171,255)
```
#bbabff
```
#bbabff rgb(187,171,255)
```
#c2abff
```
#c2abff rgb(194,171,255)
```
#c9abff
```
#c9abff rgb(201,171,255)
```

Similar Colors

Text with hexadecimal color #b4abff

This text has a font color of #b4abff.

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

#b4abff background color

This paragraph has a background color of #b4abff.

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

#b4abff border color

This element has a border color of #b4abff.

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

CSS codes

.text {color:#b4abff;}

.background {background-color:#b4abff;}

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

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

#02000e
```
#02000e rgb(2,0,14)
```
#040022
```
#040022 rgb(4,0,34)
```
#060035
```
#060035 rgb(6,0,53)
```
#080049
```
#080049 rgb(8,0,73)
```
#0a005d
```
#0a005d rgb(10,0,93)
```
#0c0070
```
#0c0070 rgb(12,0,112)
```
#0e0084
```
#0e0084 rgb(14,0,132)
```
#100097
```
#100097 rgb(16,0,151)
```
#1200ab
```
#1200ab rgb(18,0,171)
```
#1400bf
```
#1400bf rgb(20,0,191)
```
#1700d2
```
#1700d2 rgb(23,0,210)
```
#1900e6
```
#1900e6 rgb(25,0,230)
```
#1b00f9
```
#1b00f9 rgb(27,0,249)
```

Shade Color Variation

#280eff
```
#280eff rgb(40,14,255)
```
#3922ff
```
#3922ff rgb(57,34,255)
```
#4b35ff
```
#4b35ff rgb(75,53,255)
```
#5c49ff
```
#5c49ff rgb(92,73,255)
```
#6e5dff
```
#6e5dff rgb(110,93,255)
```
#7f70ff
```
#7f70ff rgb(127,112,255)
```
#9184ff
```
#9184ff rgb(145,132,255)
```
#a297ff
```
#a297ff rgb(162,151,255)
```
#b4abff
```
#b4abff rgb(180,171,255)
```
#c6bfff
```
#c6bfff rgb(198,191,255)
```
#d7d2ff
```
#d7d2ff rgb(215,210,255)
```
#e9e6ff
```
#e9e6ff rgb(233,230,255)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

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

#d2d2d8
```
#d2d2d8 rgb(210,210,216)
```
#d0cfdb
```
#d0cfdb rgb(208,207,219)
```
#cdcbdf
```
#cdcbdf rgb(205,203,223)
```
#cbc8e2
```
#cbc8e2 rgb(203,200,226)
```
#c8c5e5
```
#c8c5e5 rgb(200,197,229)
```
#c6c2e8
```
#c6c2e8 rgb(198,194,232)
```
#c3beec
```
#c3beec rgb(195,190,236)
```
#c1bbef
```
#c1bbef rgb(193,187,239)
```
#beb8f2
```
#beb8f2 rgb(190,184,242)
```
#bcb5f5
```
#bcb5f5 rgb(188,181,245)
```
#b9b1f9
```
#b9b1f9 rgb(185,177,249)
```
#b7aefc
```
#b7aefc rgb(183,174,252)
```
#b4abff
```
#b4abff rgb(180,171,255)
```

Tone Color Variation

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

#9fb6ff Protanopia 1% of men
#9eb6fc Deuteranopia 1% of men
#aabac8 Tritanopia 0.001% of the population

Trichromacy

#a7b2ff Protanomaly 1% of men, 0.01% of women
#a6b2fd Deuteranomaly 6% of men, 0.4% of women
#adb5dc Tritanomaly 0.01% of the population

#b4abff hex color

#b4abff Color Information

#b4abff Color Conversion

Color Schemes with #b4abff

Alternatives to #b4abff

#b4abff Preview

Shades and Tints of #b4abff

Tones of #b4abff

Color Blindness Simulator