#bab3fd hex color

In a RGB color space, hex #bab3fd is composed of 72.9% red, 70.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 29.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 245.7 degrees, a saturation of 94.9% and a lightness of 84.7%. #bab3fd color hex could be obtained by blending #ffffff with #7567fb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 70
- B 99
RGB color chart
- C 26
- M 29
- Y 0
- K 1
CMYK color chart

● #bab3fd color description : Very soft blue.

The hexadecimal color #bab3fd has RGB values of R:186, G:179, B:253 and CMYK values of C:0.26, M:0.29, Y:0, K:0.01. Its decimal value is 12235773.

Hex triplet	bab3fd	`#bab3fd`
RGB Decimal	186, 179, 253	`rgb(186,179,253)`
RGB Percent	72.9, 70.2, 99.2	`rgb(72.9%,70.2%,99.2%)`
CMYK	26, 29, 0, 1
HSL	245.7°, 94.9, 84.7	`hsl(245.7,94.9%,84.7%)`
HSV (or HSB)	245.7°, 29.2, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	75.928, 18.119, -35.701
XYZ	54.096, 49.771, 99.68
xyY	0.266, 0.245, 49.771
CIE-LCH	75.928, 40.036, 296.908
CIE-LUV	75.928, -1.058, -60.22
Hunter-Lab	70.548, 13.414, -34.389
Binary	10111010, 10110011, 11111101

#bab3fd
```
#bab3fd rgb(186,179,253)
```
#f6fdb3
```
#f6fdb3 rgb(246,253,179)
```

Complementary Color

#b3d1fd
```
#b3d1fd rgb(179,209,253)
```
#bab3fd
```
#bab3fd rgb(186,179,253)
```
#dfb3fd
```
#dfb3fd rgb(223,179,253)
```

Analogous Color

#d1fdb3
```
#d1fdb3 rgb(209,253,179)
```
#bab3fd
```
#bab3fd rgb(186,179,253)
```
#fddfb3
```
#fddfb3 rgb(253,223,179)
```

Split Complementary Color

#b3fdba
```
#b3fdba rgb(179,253,186)
```
#bab3fd
```
#bab3fd rgb(186,179,253)
```
#fdbab3
```
#fdbab3 rgb(253,186,179)
```

Triadic Color

#b3f6fd
```
#b3f6fd rgb(179,246,253)
```
#bab3fd
```
#bab3fd rgb(186,179,253)
```
#fdbab3
```
#fdbab3 rgb(253,186,179)
```
#f6fdb3
```
#f6fdb3 rgb(246,253,179)
```

Tetradic Color

#7668fb
```
#7668fb rgb(118,104,251)
```
#8d81fc
```
#8d81fc rgb(141,129,252)
```
#a39afc
```
#a39afc rgb(163,154,252)
```
#bab3fd
```
#bab3fd rgb(186,179,253)
```
#d1ccfe
```
#d1ccfe rgb(209,204,254)
```
#e7e5fe
```
#e7e5fe rgb(231,229,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Monochromatic Color

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

#b3bffd
```
#b3bffd rgb(179,191,253)
```
#b3b8fd
```
#b3b8fd rgb(179,184,253)
```
#b4b3fd
```
#b4b3fd rgb(180,179,253)
```
#bab3fd
```
#bab3fd rgb(186,179,253)
```
#c0b3fd
```
#c0b3fd rgb(192,179,253)
```
#c6b3fd
```
#c6b3fd rgb(198,179,253)
```
#cdb3fd
```
#cdb3fd rgb(205,179,253)
```

Similar Colors

Text with hexadecimal color #bab3fd

This text has a font color of #bab3fd.

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

#bab3fd background color

This paragraph has a background color of #bab3fd.

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

#bab3fd border color

This element has a border color of #bab3fd.

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

CSS codes

.text {color:#bab3fd;}

.background {background-color:#bab3fd;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#020114
```
#020114 rgb(2,1,20)
```
#050127
```
#050127 rgb(5,1,39)
```
#07023a
```
#07023a rgb(7,2,58)
```
#09024d
```
#09024d rgb(9,2,77)
```
#0b0360
```
#0b0360 rgb(11,3,96)
```
#0e0373
```
#0e0373 rgb(14,3,115)
```
#100486
```
#100486 rgb(16,4,134)
```
#120499
```
#120499 rgb(18,4,153)
```
#1405ac
```
#1405ac rgb(20,5,172)
```
#1705c0
```
#1705c0 rgb(23,5,192)
```
#1906d3
```
#1906d3 rgb(25,6,211)
```
#1b06e6
```
#1b06e6 rgb(27,6,230)
```

Shade Color Variation

#1e07f8
```
#1e07f8 rgb(30,7,248)
```
#2f1af9
```
#2f1af9 rgb(47,26,249)
```
#412df9
```
#412df9 rgb(65,45,249)
```
#5240fa
```
#5240fa rgb(82,64,250)
```
#6353fa
```
#6353fa rgb(99,83,250)
```
#7567fb
```
#7567fb rgb(117,103,251)
```
#867afb
```
#867afb rgb(134,122,251)
```
#978dfc
```
#978dfc rgb(151,141,252)
```
#a9a0fc
```
#a9a0fc rgb(169,160,252)
```
#bab3fd
```
#bab3fd rgb(186,179,253)
```
#cbc6fe
```
#cbc6fe rgb(203,198,254)
```
#ddd9fe
```
#ddd9fe rgb(221,217,254)
```
#eeecff
```
#eeecff rgb(238,236,255)
```

Tint Color Variation

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

#d7d7d9
```
#d7d7d9 rgb(215,215,217)
```
#d5d4dc
```
#d5d4dc rgb(213,212,220)
```
#d2d1df
```
#d2d1df rgb(210,209,223)
```
#d0cee2
```
#d0cee2 rgb(208,206,226)
```
#cdcbe5
```
#cdcbe5 rgb(205,203,229)
```
#cbc8e8
```
#cbc8e8 rgb(203,200,232)
```
#c9c5eb
```
#c9c5eb rgb(201,197,235)
```
#c6c2ee
```
#c6c2ee rgb(198,194,238)
```
#c4bff1
```
#c4bff1 rgb(196,191,241)
```
#c1bcf4
```
#c1bcf4 rgb(193,188,244)
```
#bfb9f7
```
#bfb9f7 rgb(191,185,247)
```
#bcb6fa
```
#bcb6fa rgb(188,182,250)
```
#bab3fd
```
#bab3fd rgb(186,179,253)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bdbccb Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9bcff Protanopia 1% of men
#abbcfb Deuteranopia 1% of men
#b2c0ce Tritanopia 0.001% of the population

Trichromacy

#afb8fe Protanomaly 1% of men, 0.01% of women
#b1b8fb Deuteranomaly 6% of men, 0.4% of women
#b5bbdf Tritanomaly 0.01% of the population

#bab3fd hex color

#bab3fd Color Information

#bab3fd Color Conversion

Color Schemes with #bab3fd

Alternatives to #bab3fd

#bab3fd Preview

Shades and Tints of #bab3fd

Tones of #bab3fd

Color Blindness Simulator