#bab5ff hex color

In a RGB color space, hex #bab5ff is composed of 72.9% red, 71% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 29% magenta, 0% yellow and 0% black. It has a hue angle of 244.1 degrees, a saturation of 100% and a lightness of 85.5%. #bab5ff color hex could be obtained by blending #ffffff with #756bff. Closest websafe color is: #ccccff.

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

● #bab5ff color description : Pale blue.

The hexadecimal color #bab5ff has RGB values of R:186, G:181, B:255 and CMYK values of C:0.27, M:0.29, Y:0, K:0. Its decimal value is 12236287.

Hex triplet	bab5ff	`#bab5ff`
RGB Decimal	186, 181, 255	`rgb(186,181,255)`
RGB Percent	72.9, 71, 100	`rgb(72.9%,71%,100%)`
CMYK	27, 29, 0, 0
HSL	244.1°, 100, 85.5	`hsl(244.1,100%,85.5%)`
HSV (or HSB)	244.1°, 29, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	76.501, 17.492, -35.89
XYZ	54.82, 50.706, 101.501
xyY	0.265, 0.245, 50.706
CIE-LCH	76.501, 39.926, 295.983
CIE-LUV	76.501, -2.028, -60.511
Hunter-Lab	71.208, 12.805, -34.667
Binary	10111010, 10110101, 11111111

#bab5ff
```
#bab5ff rgb(186,181,255)
```
#faffb5
```
#faffb5 rgb(250,255,181)
```

Complementary Color

#b5d5ff
```
#b5d5ff rgb(181,213,255)
```
#bab5ff
```
#bab5ff rgb(186,181,255)
```
#dfb5ff
```
#dfb5ff rgb(223,181,255)
```

Analogous Color

#d5ffb5
```
#d5ffb5 rgb(213,255,181)
```
#bab5ff
```
#bab5ff rgb(186,181,255)
```
#ffdfb5
```
#ffdfb5 rgb(255,223,181)
```

Split Complementary Color

#b5ffba
```
#b5ffba rgb(181,255,186)
```
#bab5ff
```
#bab5ff rgb(186,181,255)
```
#ffbab5
```
#ffbab5 rgb(255,186,181)
```

Triadic Color

#b5faff
```
#b5faff rgb(181,250,255)
```
#bab5ff
```
#bab5ff rgb(186,181,255)
```
#ffbab5
```
#ffbab5 rgb(255,186,181)
```
#faffb5
```
#faffb5 rgb(250,255,181)
```

Tetradic Color

#7369ff
```
#7369ff rgb(115,105,255)
```
#8a82ff
```
#8a82ff rgb(138,130,255)
```
#a29cff
```
#a29cff rgb(162,156,255)
```
#bab5ff
```
#bab5ff rgb(186,181,255)
```
#d2cfff
```
#d2cfff rgb(210,207,255)
```
#eae8ff
```
#eae8ff rgb(234,232,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b5c3ff
```
#b5c3ff rgb(181,195,255)
```
#b5bcff
```
#b5bcff rgb(181,188,255)
```
#b5b6ff
```
#b5b6ff rgb(181,182,255)
```
#bab5ff
```
#bab5ff rgb(186,181,255)
```
#c0b5ff
```
#c0b5ff rgb(192,181,255)
```
#c6b5ff
```
#c6b5ff rgb(198,181,255)
```
#cdb5ff
```
#cdb5ff rgb(205,181,255)
```

Similar Colors

Text with hexadecimal color #bab5ff

This text has a font color of #bab5ff.

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

#bab5ff background color

This paragraph has a background color of #bab5ff.

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

#bab5ff border color

This element has a border color of #bab5ff.

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

CSS codes

.text {color:#bab5ff;}

.background {background-color:#bab5ff;}

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

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

#000004
```
#000004 rgb(0,0,4)
```
#020018
```
#020018 rgb(2,0,24)
```
#03002c
```
#03002c rgb(3,0,44)
```
#04003f
```
#04003f rgb(4,0,63)
```
#060053
```
#060053 rgb(6,0,83)
```
#070067
```
#070067 rgb(7,0,103)
```
#08007a
```
#08007a rgb(8,0,122)
```
#0a008e
```
#0a008e rgb(10,0,142)
```
#0b00a1
```
#0b00a1 rgb(11,0,161)
```
#0c00b5
```
#0c00b5 rgb(12,0,181)
```
#0e00c9
```
#0e00c9 rgb(14,0,201)
```
#0f00dc
```
#0f00dc rgb(15,0,220)
```
#1000f0
```
#1000f0 rgb(16,0,240)
```

Shade Color Variation

#1504ff
```
#1504ff rgb(21,4,255)
```
#2818ff
```
#2818ff rgb(40,24,255)
```
#3a2cff
```
#3a2cff rgb(58,44,255)
```
#4c3fff
```
#4c3fff rgb(76,63,255)
```
#5f53ff
```
#5f53ff rgb(95,83,255)
```
#7167ff
```
#7167ff rgb(113,103,255)
```
#837aff
```
#837aff rgb(131,122,255)
```
#958eff
```
#958eff rgb(149,142,255)
```
#a8a1ff
```
#a8a1ff rgb(168,161,255)
```
#bab5ff
```
#bab5ff rgb(186,181,255)
```
#ccc9ff
```
#ccc9ff rgb(204,201,255)
```
#dfdcff
```
#dfdcff rgb(223,220,255)
```
#f1f0ff
```
#f1f0ff rgb(241,240,255)
```

Tint Color Variation

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

#d8d7dd
```
#d8d7dd rgb(216,215,221)
```
#d5d4e0
```
#d5d4e0 rgb(213,212,224)
```
#d3d1e3
```
#d3d1e3 rgb(211,209,227)
```
#d0cfe5
```
#d0cfe5 rgb(208,207,229)
```
#cecce8
```
#cecce8 rgb(206,204,232)
```
#cbc9eb
```
#cbc9eb rgb(203,201,235)
```
#c9c6ee
```
#c9c6ee rgb(201,198,238)
```
#c6c3f1
```
#c6c3f1 rgb(198,195,241)
```
#c4c0f4
```
#c4c0f4 rgb(196,192,244)
```
#c1bef6
```
#c1bef6 rgb(193,190,246)
```
#bfbbf9
```
#bfbbf9 rgb(191,187,249)
```
#bcb8fc
```
#bcb8fc rgb(188,184,252)
```
#bab5ff
```
#bab5ff rgb(186,181,255)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bebdcc Atypical Achromatopsia 0.001% of the population

Dichromacy

#abbdff Protanopia 1% of men
#adbdfd Deuteranopia 1% of men
#b2c2d0 Tritanopia 0.001% of the population

Trichromacy

#b0baff Protanomaly 1% of men, 0.01% of women
#b1bafd Deuteranomaly 6% of men, 0.4% of women
#b5bde1 Tritanomaly 0.01% of the population

#bab5ff hex color

#bab5ff Color Information

#bab5ff Color Conversion

Color Schemes with #bab5ff

Alternatives to #bab5ff

#bab5ff Preview

Shades and Tints of #bab5ff

Tones of #bab5ff

Color Blindness Simulator