#bab5f0 hex color

In a RGB color space, hex #bab5f0 is composed of 72.9% red, 71% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 24.6% magenta, 0% yellow and 5.9% black. It has a hue angle of 245.1 degrees, a saturation of 66.3% and a lightness of 82.5%. #bab5f0 color hex could be obtained by blending #ffffff with #756be1. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 71
- B 94
RGB color chart
- C 23
- M 25
- Y 0
- K 6
CMYK color chart

● #bab5f0 color description : Very soft blue.

The hexadecimal color #bab5f0 has RGB values of R:186, G:181, B:240 and CMYK values of C:0.23, M:0.25, Y:0, K:0.06. Its decimal value is 12236272.

Hex triplet	bab5f0	`#bab5f0`
RGB Decimal	186, 181, 240	`rgb(186,181,240)`
RGB Percent	72.9, 71, 94.1	`rgb(72.9%,71%,94.1%)`
CMYK	23, 25, 0, 6
HSL	245.1°, 66.3, 82.5	`hsl(245.1,66.3%,82.5%)`
HSV (or HSB)	245.1°, 24.6, 94.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	75.933, 13.981, -28.688
XYZ	52.499, 49.778, 89.275
xyY	0.274, 0.26, 49.778
CIE-LCH	75.933, 31.913, 295.983
CIE-LUV	75.933, -1.016, -47.841
Hunter-Lab	70.553, 9.354, -25.636
Binary	10111010, 10110101, 11110000

#bab5f0
```
#bab5f0 rgb(186,181,240)
```
#ebf0b5
```
#ebf0b5 rgb(235,240,181)
```

Complementary Color

#b5cef0
```
#b5cef0 rgb(181,206,240)
```
#bab5f0
```
#bab5f0 rgb(186,181,240)
```
#d8b5f0
```
#d8b5f0 rgb(216,181,240)
```

Analogous Color

#cef0b5
```
#cef0b5 rgb(206,240,181)
```
#bab5f0
```
#bab5f0 rgb(186,181,240)
```
#f0d8b5
```
#f0d8b5 rgb(240,216,181)
```

Split Complementary Color

#b5f0ba
```
#b5f0ba rgb(181,240,186)
```
#bab5f0
```
#bab5f0 rgb(186,181,240)
```
#f0bab5
```
#f0bab5 rgb(240,186,181)
```

Triadic Color

#b5ebf0
```
#b5ebf0 rgb(181,235,240)
```
#bab5f0
```
#bab5f0 rgb(186,181,240)
```
#f0bab5
```
#f0bab5 rgb(240,186,181)
```
#ebf0b5
```
#ebf0b5 rgb(235,240,181)
```

Tetradic Color

#7f75e3
```
#7f75e3 rgb(127,117,227)
```
#928be7
```
#928be7 rgb(146,139,231)
```
#a6a0ec
```
#a6a0ec rgb(166,160,236)
```
#bab5f0
```
#bab5f0 rgb(186,181,240)
```
#cecaf4
```
#cecaf4 rgb(206,202,244)
```
#e2dff9
```
#e2dff9 rgb(226,223,249)
```
#f5f5fd
```
#f5f5fd rgb(245,245,253)
```

Monochromatic Color

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

#b5bff0
```
#b5bff0 rgb(181,191,240)
```
#b5baf0
```
#b5baf0 rgb(181,186,240)
```
#b5b5f0
```
#b5b5f0 rgb(181,181,240)
```
#bab5f0
```
#bab5f0 rgb(186,181,240)
```
#bfb5f0
```
#bfb5f0 rgb(191,181,240)
```
#c4b5f0
```
#c4b5f0 rgb(196,181,240)
```
#c9b5f0
```
#c9b5f0 rgb(201,181,240)
```

Similar Colors

Text with hexadecimal color #bab5f0

This text has a font color of #bab5f0.

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

#bab5f0 background color

This paragraph has a background color of #bab5f0.

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

#bab5f0 border color

This element has a border color of #bab5f0.

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

CSS codes

.text {color:#bab5f0;}

.background {background-color:#bab5f0;}

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

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

#020208
```
#020208 rgb(2,2,8)
```
#060518
```
#060518 rgb(6,5,24)
```
#0b0828
```
#0b0828 rgb(11,8,40)
```
#0f0b38
```
#0f0b38 rgb(15,11,56)
```
#140f49
```
#140f49 rgb(20,15,73)
```
#181259
```
#181259 rgb(24,18,89)
```
#1c1569
```
#1c1569 rgb(28,21,105)
```
#21197a
```
#21197a rgb(33,25,122)
```
#251c8a
```
#251c8a rgb(37,28,138)
```
#2a1f9a
```
#2a1f9a rgb(42,31,154)
```
#2e23ab
```
#2e23ab rgb(46,35,171)
```
#3326bb
```
#3326bb rgb(51,38,187)
```
#3729cb
```
#3729cb rgb(55,41,203)
```

Shade Color Variation

#4033d6
```
#4033d6 rgb(64,51,214)
```
#5043d9
```
#5043d9 rgb(80,67,217)
```
#5f53dc
```
#5f53dc rgb(95,83,220)
```
#6e63df
```
#6e63df rgb(110,99,223)
```
#7d74e3
```
#7d74e3 rgb(125,116,227)
```
#8c84e6
```
#8c84e6 rgb(140,132,230)
```
#9c94e9
```
#9c94e9 rgb(156,148,233)
```
#aba5ed
```
#aba5ed rgb(171,165,237)
```
#bab5f0
```
#bab5f0 rgb(186,181,240)
```
#c9c5f3
```
#c9c5f3 rgb(201,197,243)
```
#d8d6f7
```
#d8d6f7 rgb(216,214,247)
```
#e8e6fa
```
#e8e6fa rgb(232,230,250)
```
#f7f6fd
```
#f7f6fd rgb(247,246,253)
```

Tint Color Variation

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

#d1d0d5
```
#d1d0d5 rgb(209,208,213)
```
#cecdd8
```
#cecdd8 rgb(206,205,216)
```
#cbcadb
```
#cbcadb rgb(203,202,219)
```
#c8c6df
```
#c8c6df rgb(200,198,223)
```
#c5c3e2
```
#c5c3e2 rgb(197,195,226)
```
#c3bfe6
```
#c3bfe6 rgb(195,191,230)
```
#c0bce9
```
#c0bce9 rgb(192,188,233)
```
#bdb8ed
```
#bdb8ed rgb(189,184,237)
```
#bab5f0
```
#bab5f0 rgb(186,181,240)
```
#b7b2f3
```
#b7b2f3 rgb(183,178,243)
```
#b4aef7
```
#b4aef7 rgb(180,174,247)
```
#b1abfa
```
#b1abfa rgb(177,171,250)
```
#afa7fe
```
#afa7fe rgb(175,167,254)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bcbbc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afbcf3 Protanopia 1% of men
#b4bbef Deuteranopia 1% of men
#b5bfcd Tritanopia 0.001% of the population

Trichromacy

#b3b9f2 Protanomaly 1% of men, 0.01% of women
#b6b9ef Deuteranomaly 6% of men, 0.4% of women
#b7bbda Tritanomaly 0.01% of the population

#bab5f0 hex color

#bab5f0 Color Information

#bab5f0 Color Conversion

Color Schemes with #bab5f0

Alternatives to #bab5f0

#bab5f0 Preview

Shades and Tints of #bab5f0

Tones of #bab5f0

Color Blindness Simulator