#bab5f6 hex color

In a RGB color space, hex #bab5f6 is composed of 72.9% red, 71% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 26.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 244.6 degrees, a saturation of 78.3% and a lightness of 83.7%. #bab5f6 color hex could be obtained by blending #ffffff with #756bed. Closest websafe color is: #ccccff.

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

● #bab5f6 color description : Very soft blue.

The hexadecimal color #bab5f6 has RGB values of R:186, G:181, B:246 and CMYK values of C:0.24, M:0.26, Y:0, K:0.04. Its decimal value is 12236278.

Hex triplet	bab5f6	`#bab5f6`
RGB Decimal	186, 181, 246	`rgb(186,181,246)`
RGB Percent	72.9, 71, 96.5	`rgb(72.9%,71%,96.5%)`
CMYK	24, 26, 0, 4
HSL	244.6°, 78.3, 83.7	`hsl(244.6,78.3%,83.7%)`
HSV (or HSB)	244.6°, 26.4, 96.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	76.155, 15.369, -31.582
XYZ	53.405, 50.14, 94.048
xyY	0.27, 0.254, 50.14
CIE-LCH	76.155, 35.123, 295.949
CIE-LUV	76.155, -1.421, -52.908
Hunter-Lab	70.81, 10.709, -29.181
Binary	10111010, 10110101, 11110110

#bab5f6
```
#bab5f6 rgb(186,181,246)
```
#f1f6b5
```
#f1f6b5 rgb(241,246,181)
```

Complementary Color

#b5d1f6
```
#b5d1f6 rgb(181,209,246)
```
#bab5f6
```
#bab5f6 rgb(186,181,246)
```
#dbb5f6
```
#dbb5f6 rgb(219,181,246)
```

Analogous Color

#d1f6b5
```
#d1f6b5 rgb(209,246,181)
```
#bab5f6
```
#bab5f6 rgb(186,181,246)
```
#f6dbb5
```
#f6dbb5 rgb(246,219,181)
```

Split Complementary Color

#b5f6ba
```
#b5f6ba rgb(181,246,186)
```
#bab5f6
```
#bab5f6 rgb(186,181,246)
```
#f6bab5
```
#f6bab5 rgb(246,186,181)
```

Triadic Color

#b5f1f6
```
#b5f1f6 rgb(181,241,246)
```
#bab5f6
```
#bab5f6 rgb(186,181,246)
```
#f6bab5
```
#f6bab5 rgb(246,186,181)
```
#f1f6b5
```
#f1f6b5 rgb(241,246,181)
```

Tetradic Color

#7a71ee
```
#7a71ee rgb(122,113,238)
```
#9088f0
```
#9088f0 rgb(144,136,240)
```
#a59ef3
```
#a59ef3 rgb(165,158,243)
```
#bab5f6
```
#bab5f6 rgb(186,181,246)
```
#cfccf9
```
#cfccf9 rgb(207,204,249)
```
#e4e2fc
```
#e4e2fc rgb(228,226,252)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Monochromatic Color

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

#b5c0f6
```
#b5c0f6 rgb(181,192,246)
```
#b5bbf6
```
#b5bbf6 rgb(181,187,246)
```
#b5b5f6
```
#b5b5f6 rgb(181,181,246)
```
#bab5f6
```
#bab5f6 rgb(186,181,246)
```
#bfb5f6
```
#bfb5f6 rgb(191,181,246)
```
#c5b5f6
```
#c5b5f6 rgb(197,181,246)
```
#cab5f6
```
#cab5f6 rgb(202,181,246)
```

Similar Colors

Text with hexadecimal color #bab5f6

This text has a font color of #bab5f6.

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

#bab5f6 background color

This paragraph has a background color of #bab5f6.

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

#bab5f6 border color

This element has a border color of #bab5f6.

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

CSS codes

.text {color:#bab5f6;}

.background {background-color:#bab5f6;}

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

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, #03020d is the darkest color, while #fbfbff is the lightest one.

#03020d
```
#03020d rgb(3,2,13)
```
#06041f
```
#06041f rgb(6,4,31)
```
#090630
```
#090630 rgb(9,6,48)
```
#0c0842
```
#0c0842 rgb(12,8,66)
```
#100a53
```
#100a53 rgb(16,10,83)
```
#130c65
```
#130c65 rgb(19,12,101)
```
#160e76
```
#160e76 rgb(22,14,118)
```
#1a1188
```
#1a1188 rgb(26,17,136)
```
#1d1399
```
#1d1399 rgb(29,19,153)
```
#2015ab
```
#2015ab rgb(32,21,171)
```
#2417bc
```
#2417bc rgb(36,23,188)
```
#2719ce
```
#2719ce rgb(39,25,206)
```
#2a1bdf
```
#2a1bdf rgb(42,27,223)
```

Shade Color Variation

#3829e5
```
#3829e5 rgb(56,41,229)
```
#483be7
```
#483be7 rgb(72,59,231)
```
#584ce9
```
#584ce9 rgb(88,76,233)
```
#685eeb
```
#685eeb rgb(104,94,235)
```
#796fed
```
#796fed rgb(121,111,237)
```
#8981f0
```
#8981f0 rgb(137,129,240)
```
#9992f2
```
#9992f2 rgb(153,146,242)
```
#aaa4f4
```
#aaa4f4 rgb(170,164,244)
```
#bab5f6
```
#bab5f6 rgb(186,181,246)
```
#cac6f8
```
#cac6f8 rgb(202,198,248)
```
#dbd8fa
```
#dbd8fa rgb(219,216,250)
```
#ebe9fc
```
#ebe9fc rgb(235,233,252)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

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

#d5d5d6
```
#d5d5d6 rgb(213,213,214)
```
#d2d2d9
```
#d2d2d9 rgb(210,210,217)
```
#d0cfdc
```
#d0cfdc rgb(208,207,220)
```
#cdcbe0
```
#cdcbe0 rgb(205,203,224)
```
#cac8e3
```
#cac8e3 rgb(202,200,227)
```
#c8c5e6
```
#c8c5e6 rgb(200,197,230)
```
#c5c2e9
```
#c5c2e9 rgb(197,194,233)
```
#c2bfec
```
#c2bfec rgb(194,191,236)
```
#bfbbf0
```
#bfbbf0 rgb(191,187,240)
```
#bdb8f3
```
#bdb8f3 rgb(189,184,243)
```
#bab5f6
```
#bab5f6 rgb(186,181,246)
```
#b7b2f9
```
#b7b2f9 rgb(183,178,249)
```
#b5affc
```
#b5affc rgb(181,175,252)
```

Tone Color Variation

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

Dichromacy

#adbdf9 Protanopia 1% of men
#b1bcf5 Deuteranopia 1% of men
#b4c0ce Tritanopia 0.001% of the population

Trichromacy

#b1baf8 Protanomaly 1% of men, 0.01% of women
#b4b9f5 Deuteranomaly 6% of men, 0.4% of women
#b6bcdc Tritanomaly 0.01% of the population

#bab5f6 hex color

#bab5f6 Color Information

#bab5f6 Color Conversion

Color Schemes with #bab5f6

Alternatives to #bab5f6

#bab5f6 Preview

Shades and Tints of #bab5f6

Tones of #bab5f6

Color Blindness Simulator