#bab0df hex color

In a RGB color space, hex #bab0df is composed of 72.9% red, 69% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 16.6% cyan, 21.1% magenta, 0% yellow and 12.5% black. It has a hue angle of 252.8 degrees, a saturation of 42.3% and a lightness of 78.2%. #bab0df color hex could be obtained by blending #ffffff with #7561bf. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 69
- B 87
RGB color chart
- C 17
- M 21
- Y 0
- K 13
CMYK color chart

● #bab0df color description : Very soft blue.

The hexadecimal color #bab0df has RGB values of R:186, G:176, B:223 and CMYK values of C:0.17, M:0.21, Y:0, K:0.13. Its decimal value is 12234975.

Hex triplet	bab0df	`#bab0df`
RGB Decimal	186, 176, 223	`rgb(186,176,223)`
RGB Percent	72.9, 69, 87.5	`rgb(72.9%,69%,87.5%)`
CMYK	17, 21, 0, 13
HSL	252.8°, 42.3, 78.2	`hsl(252.8,42.3%,78.2%)`
HSV (or HSB)	252.8°, 21.1, 87.5
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	74.073, 12.924, -22.314
XYZ	49.092, 46.817, 76.258
xyY	0.285, 0.272, 46.817
CIE-LCH	74.073, 25.787, 300.079
CIE-LUV	74.073, 2.416, -37.013
Hunter-Lab	68.423, 8.329, -18.183
Binary	10111010, 10110000, 11011111

#bab0df
```
#bab0df rgb(186,176,223)
```
#d5dfb0
```
#d5dfb0 rgb(213,223,176)
```

Complementary Color

#b0bedf
```
#b0bedf rgb(176,190,223)
```
#bab0df
```
#bab0df rgb(186,176,223)
```
#d2b0df
```
#d2b0df rgb(210,176,223)
```

Analogous Color

#bedfb0
```
#bedfb0 rgb(190,223,176)
```
#bab0df
```
#bab0df rgb(186,176,223)
```
#dfd2b0
```
#dfd2b0 rgb(223,210,176)
```

Split Complementary Color

#b0dfba
```
#b0dfba rgb(176,223,186)
```
#bab0df
```
#bab0df rgb(186,176,223)
```
#dfbab0
```
#dfbab0 rgb(223,186,176)
```

Triadic Color

#b0d5df
```
#b0d5df rgb(176,213,223)
```
#bab0df
```
#bab0df rgb(186,176,223)
```
#dfbab0
```
#dfbab0 rgb(223,186,176)
```
#d5dfb0
```
#d5dfb0 rgb(213,223,176)
```

Tetradic Color

#8a7ac9
```
#8a7ac9 rgb(138,122,201)
```
#9a8cd0
```
#9a8cd0 rgb(154,140,208)
```
#aa9ed8
```
#aa9ed8 rgb(170,158,216)
```
#bab0df
```
#bab0df rgb(186,176,223)
```
#cac2e6
```
#cac2e6 rgb(202,194,230)
```
#dad4ee
```
#dad4ee rgb(218,212,238)
```
#eae6f5
```
#eae6f5 rgb(234,230,245)
```

Monochromatic Color

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

#b0b2df
```
#b0b2df rgb(176,178,223)
```
#b2b0df
```
#b2b0df rgb(178,176,223)
```
#b6b0df
```
#b6b0df rgb(182,176,223)
```
#bab0df
```
#bab0df rgb(186,176,223)
```
#beb0df
```
#beb0df rgb(190,176,223)
```
#c2b0df
```
#c2b0df rgb(194,176,223)
```
#c6b0df
```
#c6b0df rgb(198,176,223)
```

Similar Colors

Text with hexadecimal color #bab0df

This text has a font color of #bab0df.

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

#bab0df background color

This paragraph has a background color of #bab0df.

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

#bab0df border color

This element has a border color of #bab0df.

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

CSS codes

.text {color:#bab0df;}

.background {background-color:#bab0df;}

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

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

#030205
```
#030205 rgb(3,2,5)
```
#0a0813
```
#0a0813 rgb(10,8,19)
```
#110d21
```
#110d21 rgb(17,13,33)
```
#19132f
```
#19132f rgb(25,19,47)
```
#20193d
```
#20193d rgb(32,25,61)
```
#281e4b
```
#281e4b rgb(40,30,75)
```
#2f2459
```
#2f2459 rgb(47,36,89)
```
#362a66
```
#362a66 rgb(54,42,102)
```
#3e2f74
```
#3e2f74 rgb(62,47,116)
```
#453582
```
#453582 rgb(69,53,130)
```
#4d3a90
```
#4d3a90 rgb(77,58,144)
```
#54409e
```
#54409e rgb(84,64,158)
```
#5c46ac
```
#5c46ac rgb(92,70,172)
```

Shade Color Variation

#654eb7
```
#654eb7 rgb(101,78,183)
```
#715cbd
```
#715cbd rgb(113,92,189)
```
#7d6ac3
```
#7d6ac3 rgb(125,106,195)
```
#8978c8
```
#8978c8 rgb(137,120,200)
```
#9586ce
```
#9586ce rgb(149,134,206)
```
#a294d4
```
#a294d4 rgb(162,148,212)
```
#aea2d9
```
#aea2d9 rgb(174,162,217)
```
#bab0df
```
#bab0df rgb(186,176,223)
```
#c6bee5
```
#c6bee5 rgb(198,190,229)
```
#d2ccea
```
#d2ccea rgb(210,204,234)
```
#dfdaf0
```
#dfdaf0 rgb(223,218,240)
```
#ebe8f6
```
#ebe8f6 rgb(235,232,246)
```
#f7f6fb
```
#f7f6fb rgb(247,246,251)
```

Tint Color Variation

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

#c6c5ca
```
#c6c5ca rgb(198,197,202)
```
#c4c1ce
```
#c4c1ce rgb(196,193,206)
```
#c1bdd2
```
#c1bdd2 rgb(193,189,210)
```
#bfb9d6
```
#bfb9d6 rgb(191,185,214)
```
#bcb4db
```
#bcb4db rgb(188,180,219)
```
#bab0df
```
#bab0df rgb(186,176,223)
```
#b8ace3
```
#b8ace3 rgb(184,172,227)
```
#b5a7e8
```
#b5a7e8 rgb(181,167,232)
```
#b3a3ec
```
#b3a3ec rgb(179,163,236)
```
#b09ff0
```
#b09ff0 rgb(176,159,240)
```
#ae9bf4
```
#ae9bf4 rgb(174,155,244)
```
#ab96f9
```
#ab96f9 rgb(171,150,249)
```
#a992fd
```
#a992fd rgb(169,146,253)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b8b6c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb8e3 Protanopia 1% of men
#b6b6df Deuteranopia 1% of men
#b8b9c6 Tritanopia 0.001% of the population

Trichromacy

#b2b5e1 Protanomaly 1% of men, 0.01% of women
#b7b4df Deuteranomaly 6% of men, 0.4% of women
#b8b5cf Tritanomaly 0.01% of the population

#bab0df hex color

#bab0df Color Information

#bab0df Color Conversion

Color Schemes with #bab0df

Alternatives to #bab0df

#bab0df Preview

Shades and Tints of #bab0df

Tones of #bab0df

Color Blindness Simulator