#bab1f6 hex color

In a RGB color space, hex #bab1f6 is composed of 72.9% red, 69.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 28% magenta, 0% yellow and 3.5% black. It has a hue angle of 247.8 degrees, a saturation of 79.3% and a lightness of 82.9%. #bab1f6 color hex could be obtained by blending #ffffff with #7563ed. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 69
- B 96
RGB color chart
- C 24
- M 28
- Y 0
- K 4
CMYK color chart

● #bab1f6 color description : Very soft blue.

The hexadecimal color #bab1f6 has RGB values of R:186, G:177, B:246 and CMYK values of C:0.24, M:0.28, Y:0, K:0.04. Its decimal value is 12235254.

Hex triplet	bab1f6	`#bab1f6`
RGB Decimal	186, 177, 246	`rgb(186,177,246)`
RGB Percent	72.9, 69.4, 96.5	`rgb(72.9%,69.4%,96.5%)`
CMYK	24, 28, 0, 4
HSL	247.8°, 79.3, 82.9	`hsl(247.8,79.3%,82.9%)`
HSV (or HSB)	247.8°, 28, 96.5
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	75.162, 17.574, -33.113
XYZ	52.603, 48.537, 93.781
xyY	0.27, 0.249, 48.537
CIE-LCH	75.162, 37.488, 297.955
CIE-LUV	75.162, 0.283, -55.702
Hunter-Lab	69.668, 12.857, -31.043
Binary	10111010, 10110001, 11110110

#bab1f6
```
#bab1f6 rgb(186,177,246)
```
#edf6b1
```
#edf6b1 rgb(237,246,177)
```

Complementary Color

#b1cbf6
```
#b1cbf6 rgb(177,203,246)
```
#bab1f6
```
#bab1f6 rgb(186,177,246)
```
#ddb1f6
```
#ddb1f6 rgb(221,177,246)
```

Analogous Color

#cbf6b1
```
#cbf6b1 rgb(203,246,177)
```
#bab1f6
```
#bab1f6 rgb(186,177,246)
```
#f6ddb1
```
#f6ddb1 rgb(246,221,177)
```

Split Complementary Color

#b1f6ba
```
#b1f6ba rgb(177,246,186)
```
#bab1f6
```
#bab1f6 rgb(186,177,246)
```
#f6bab1
```
#f6bab1 rgb(246,186,177)
```

Triadic Color

#b1edf6
```
#b1edf6 rgb(177,237,246)
```
#bab1f6
```
#bab1f6 rgb(186,177,246)
```
#f6bab1
```
#f6bab1 rgb(246,186,177)
```
#edf6b1
```
#edf6b1 rgb(237,246,177)
```

Tetradic Color

#7d6cee
```
#7d6cee rgb(125,108,238)
```
#9283f1
```
#9283f1 rgb(146,131,241)
```
#a69af3
```
#a69af3 rgb(166,154,243)
```
#bab1f6
```
#bab1f6 rgb(186,177,246)
```
#cec8f9
```
#cec8f9 rgb(206,200,249)
```
#e2dffb
```
#e2dffb rgb(226,223,251)
```
#f7f6fe
```
#f7f6fe rgb(247,246,254)
```

Monochromatic Color

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

#b1b9f6
```
#b1b9f6 rgb(177,185,246)
```
#b1b4f6
```
#b1b4f6 rgb(177,180,246)
```
#b4b1f6
```
#b4b1f6 rgb(180,177,246)
```
#bab1f6
```
#bab1f6 rgb(186,177,246)
```
#c0b1f6
```
#c0b1f6 rgb(192,177,246)
```
#c6b1f6
```
#c6b1f6 rgb(198,177,246)
```
#cbb1f6
```
#cbb1f6 rgb(203,177,246)
```

Similar Colors

Text with hexadecimal color #bab1f6

This text has a font color of #bab1f6.

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

#bab1f6 background color

This paragraph has a background color of #bab1f6.

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

#bab1f6 border color

This element has a border color of #bab1f6.

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

CSS codes

.text {color:#bab1f6;}

.background {background-color:#bab1f6;}

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

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, #02010a is the darkest color, while #f8f7fe is the lightest one.

#02010a
```
#02010a rgb(2,1,10)
```
#06031c
```
#06031c rgb(6,3,28)
```
#0a052d
```
#0a052d rgb(10,5,45)
```
#0e073f
```
#0e073f rgb(14,7,63)
```
#130950
```
#130950 rgb(19,9,80)
```
#170b62
```
#170b62 rgb(23,11,98)
```
#1b0d73
```
#1b0d73 rgb(27,13,115)
```
#1f0f85
```
#1f0f85 rgb(31,15,133)
```
#231197
```
#231197 rgb(35,17,151)
```
#2713a8
```
#2713a8 rgb(39,19,168)
```
#2b15ba
```
#2b15ba rgb(43,21,186)
```
#2f17cb
```
#2f17cb rgb(47,23,203)
```
#3319dd
```
#3319dd rgb(51,25,221)
```

Shade Color Variation

#3e24e6
```
#3e24e6 rgb(62,36,230)
```
#4d36e8
```
#4d36e8 rgb(77,54,232)
```
#5d47ea
```
#5d47ea rgb(93,71,234)
```
#6c59ec
```
#6c59ec rgb(108,89,236)
```
#7c6bee
```
#7c6bee rgb(124,107,238)
```
#8b7cf0
```
#8b7cf0 rgb(139,124,240)
```
#9b8ef2
```
#9b8ef2 rgb(155,142,242)
```
#aa9ff4
```
#aa9ff4 rgb(170,159,244)
```
#bab1f6
```
#bab1f6 rgb(186,177,246)
```
#cac3f8
```
#cac3f8 rgb(202,195,248)
```
#d9d4fa
```
#d9d4fa rgb(217,212,250)
```
#e9e6fc
```
#e9e6fc rgb(233,230,252)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

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

#d3d2d5
```
#d3d2d5 rgb(211,210,213)
```
#d0cfd8
```
#d0cfd8 rgb(208,207,216)
```
#ceccdb
```
#ceccdb rgb(206,204,219)
```
#cbc8df
```
#cbc8df rgb(203,200,223)
```
#c9c5e2
```
#c9c5e2 rgb(201,197,226)
```
#c6c2e5
```
#c6c2e5 rgb(198,194,229)
```
#c4bee9
```
#c4bee9 rgb(196,190,233)
```
#c1bbec
```
#c1bbec rgb(193,187,236)
```
#bfb8ef
```
#bfb8ef rgb(191,184,239)
```
#bcb4f3
```
#bcb4f3 rgb(188,180,243)
```
#bab1f6
```
#bab1f6 rgb(186,177,246)
```
#b8aef9
```
#b8aef9 rgb(184,174,249)
```
#b5aafd
```
#b5aafd rgb(181,170,253)
```

Tone Color Variation

Below, you can see how #bab1f6 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
#bcbac8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8bafa Protanopia 1% of men
#adbaf4 Deuteranopia 1% of men
#b3bdcb Tritanopia 0.001% of the population

Trichromacy

#afb7f8 Protanomaly 1% of men, 0.01% of women
#b1b6f5 Deuteranomaly 6% of men, 0.4% of women
#b5b9da Tritanomaly 0.01% of the population

#bab1f6 hex color

#bab1f6 Color Information

#bab1f6 Color Conversion

Color Schemes with #bab1f6

Alternatives to #bab1f6

#bab1f6 Preview

Shades and Tints of #bab1f6

Tones of #bab1f6

Color Blindness Simulator