#bab1fd hex color

In a RGB color space, hex #bab1fd is composed of 72.9% red, 69.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 30% magenta, 0% yellow and 0.8% black. It has a hue angle of 247.1 degrees, a saturation of 95% and a lightness of 84.3%. #bab1fd color hex could be obtained by blending #ffffff with #7563fb. Closest websafe color is: #cc99ff.

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

● #bab1fd color description : Very soft blue.

The hexadecimal color #bab1fd has RGB values of R:186, G:177, B:253 and CMYK values of C:0.26, M:0.3, Y:0, K:0.01. Its decimal value is 12235261.

Hex triplet	bab1fd	`#bab1fd`
RGB Decimal	186, 177, 253	`rgb(186,177,253)`
RGB Percent	72.9, 69.4, 99.2	`rgb(72.9%,69.4%,99.2%)`
CMYK	26, 30, 0, 1
HSL	247.1°, 95, 84.3	`hsl(247.1,95%,84.3%)`
HSV (or HSB)	247.1°, 30, 99.2
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	75.436, 19.224, -36.465
XYZ	53.698, 48.975, 99.547
xyY	0.266, 0.242, 48.975
CIE-LCH	75.436, 41.222, 297.798
CIE-LUV	75.436, -0.227, -61.612
Hunter-Lab	69.982, 14.497, -35.351
Binary	10111010, 10110001, 11111101

#bab1fd
```
#bab1fd rgb(186,177,253)
```
#f4fdb1
```
#f4fdb1 rgb(244,253,177)
```

Complementary Color

#b1cefd
```
#b1cefd rgb(177,206,253)
```
#bab1fd
```
#bab1fd rgb(186,177,253)
```
#e0b1fd
```
#e0b1fd rgb(224,177,253)
```

Analogous Color

#cefdb1
```
#cefdb1 rgb(206,253,177)
```
#bab1fd
```
#bab1fd rgb(186,177,253)
```
#fde0b1
```
#fde0b1 rgb(253,224,177)
```

Split Complementary Color

#b1fdba
```
#b1fdba rgb(177,253,186)
```
#bab1fd
```
#bab1fd rgb(186,177,253)
```
#fdbab1
```
#fdbab1 rgb(253,186,177)
```

Triadic Color

#b1f4fd
```
#b1f4fd rgb(177,244,253)
```
#bab1fd
```
#bab1fd rgb(186,177,253)
```
#fdbab1
```
#fdbab1 rgb(253,186,177)
```
#f4fdb1
```
#f4fdb1 rgb(244,253,177)
```

Tetradic Color

#7866fb
```
#7866fb rgb(120,102,251)
```
#8e7ffc
```
#8e7ffc rgb(142,127,252)
```
#a498fc
```
#a498fc rgb(164,152,252)
```
#bab1fd
```
#bab1fd rgb(186,177,253)
```
#d0cafe
```
#d0cafe rgb(208,202,254)
```
#e6e3fe
```
#e6e3fe rgb(230,227,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Monochromatic Color

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

#b1bbfd
```
#b1bbfd rgb(177,187,253)
```
#b1b5fd
```
#b1b5fd rgb(177,181,253)
```
#b4b1fd
```
#b4b1fd rgb(180,177,253)
```
#bab1fd
```
#bab1fd rgb(186,177,253)
```
#c0b1fd
```
#c0b1fd rgb(192,177,253)
```
#c7b1fd
```
#c7b1fd rgb(199,177,253)
```
#cdb1fd
```
#cdb1fd rgb(205,177,253)
```

Similar Colors

Text with hexadecimal color #bab1fd

This text has a font color of #bab1fd.

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

#bab1fd background color

This paragraph has a background color of #bab1fd.

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

#bab1fd border color

This element has a border color of #bab1fd.

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

CSS codes

.text {color:#bab1fd;}

.background {background-color:#bab1fd;}

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

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

#020012
```
#020012 rgb(2,0,18)
```
#050125
```
#050125 rgb(5,1,37)
```
#080138
```
#080138 rgb(8,1,56)
```
#0b024b
```
#0b024b rgb(11,2,75)
```
#0d025e
```
#0d025e rgb(13,2,94)
```
#100371
```
#100371 rgb(16,3,113)
```
#130384
```
#130384 rgb(19,3,132)
```
#150498
```
#150498 rgb(21,4,152)
```
#1804ab
```
#1804ab rgb(24,4,171)
```
#1b05be
```
#1b05be rgb(27,5,190)
```
#1d05d1
```
#1d05d1 rgb(29,5,209)
```
#2006e4
```
#2006e4 rgb(32,6,228)
```
#2306f7
```
#2306f7 rgb(35,6,247)
```

Shade Color Variation

#3318f9
```
#3318f9 rgb(51,24,249)
```
#442bfa
```
#442bfa rgb(68,43,250)
```
#543efa
```
#543efa rgb(84,62,250)
```
#6551fb
```
#6551fb rgb(101,81,251)
```
#7665fb
```
#7665fb rgb(118,101,251)
```
#8778fc
```
#8778fc rgb(135,120,252)
```
#988bfc
```
#988bfc rgb(152,139,252)
```
#a99efd
```
#a99efd rgb(169,158,253)
```
#bab1fd
```
#bab1fd rgb(186,177,253)
```
#cbc4fd
```
#cbc4fd rgb(203,196,253)
```
#dcd7fe
```
#dcd7fe rgb(220,215,254)
```
#edeafe
```
#edeafe rgb(237,234,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#d6d6d8
```
#d6d6d8 rgb(214,214,216)
```
#d4d3db
```
#d4d3db rgb(212,211,219)
```
#d1d0de
```
#d1d0de rgb(209,208,222)
```
#cfcde1
```
#cfcde1 rgb(207,205,225)
```
#cdcae4
```
#cdcae4 rgb(205,202,228)
```
#cac7e7
```
#cac7e7 rgb(202,199,231)
```
#c8c3eb
```
#c8c3eb rgb(200,195,235)
```
#c6c0ee
```
#c6c0ee rgb(198,192,238)
```
#c3bdf1
```
#c3bdf1 rgb(195,189,241)
```
#c1baf4
```
#c1baf4 rgb(193,186,244)
```
#bfb7f7
```
#bfb7f7 rgb(191,183,247)
```
#bcb4fa
```
#bcb4fa rgb(188,180,250)
```
#bab1fd
```
#bab1fd rgb(186,177,253)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#bcbac9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7bbff Protanopia 1% of men
#a9bbfa Deuteranopia 1% of men
#b2becc Tritanopia 0.001% of the population

Trichromacy

#aeb7fe Protanomaly 1% of men, 0.01% of women
#afb7fb Deuteranomaly 6% of men, 0.4% of women
#b4b9de Tritanomaly 0.01% of the population

#bab1fd hex color

#bab1fd Color Information

#bab1fd Color Conversion

Color Schemes with #bab1fd

Alternatives to #bab1fd

#bab1fd Preview

Shades and Tints of #bab1fd

Tones of #bab1fd

Color Blindness Simulator