#bab8f0 hex color

In a RGB color space, hex #bab8f0 is composed of 72.9% red, 72.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 23.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 242.1 degrees, a saturation of 65.1% and a lightness of 83.1%. #bab8f0 color hex could be obtained by blending #ffffff with #7571e1. Closest websafe color is: #ccccff.

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

● #bab8f0 color description : Very soft blue.

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

Hex triplet	bab8f0	`#bab8f0`
RGB Decimal	186, 184, 240	`rgb(186,184,240)`
RGB Percent	72.9, 72.2, 94.1	`rgb(72.9%,72.2%,94.1%)`
CMYK	23, 23, 0, 6
HSL	242.1°, 65.1, 83.1	`hsl(242.1,65.1%,83.1%)`
HSV (or HSB)	242.1°, 23.3, 94.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	76.686, 12.335, -27.533
XYZ	53.115, 51.011, 89.481
xyY	0.274, 0.263, 51.011
CIE-LCH	76.686, 30.17, 294.133
CIE-LUV	76.686, -2.326, -45.733
Hunter-Lab	71.422, 7.76, -24.286
Binary	10111010, 10111000, 11110000

#bab8f0
```
#bab8f0 rgb(186,184,240)
```
#eef0b8
```
#eef0b8 rgb(238,240,184)
```

Complementary Color

#b8d2f0
```
#b8d2f0 rgb(184,210,240)
```
#bab8f0
```
#bab8f0 rgb(186,184,240)
```
#d6b8f0
```
#d6b8f0 rgb(214,184,240)
```

Analogous Color

#d2f0b8
```
#d2f0b8 rgb(210,240,184)
```
#bab8f0
```
#bab8f0 rgb(186,184,240)
```
#f0d6b8
```
#f0d6b8 rgb(240,214,184)
```

Split Complementary Color

#b8f0ba
```
#b8f0ba rgb(184,240,186)
```
#bab8f0
```
#bab8f0 rgb(186,184,240)
```
#f0bab8
```
#f0bab8 rgb(240,186,184)
```

Triadic Color

#b8eef0
```
#b8eef0 rgb(184,238,240)
```
#bab8f0
```
#bab8f0 rgb(186,184,240)
```
#f0bab8
```
#f0bab8 rgb(240,186,184)
```
#eef0b8
```
#eef0b8 rgb(238,240,184)
```

Tetradic Color

#7d79e3
```
#7d79e3 rgb(125,121,227)
```
#918ee7
```
#918ee7 rgb(145,142,231)
```
#a6a3ec
```
#a6a3ec rgb(166,163,236)
```
#bab8f0
```
#bab8f0 rgb(186,184,240)
```
#cecdf4
```
#cecdf4 rgb(206,205,244)
```
#e3e2f9
```
#e3e2f9 rgb(227,226,249)
```
#f7f7fd
```
#f7f7fd rgb(247,247,253)
```

Monochromatic Color

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

#b8c4f0
```
#b8c4f0 rgb(184,196,240)
```
#b8bff0
```
#b8bff0 rgb(184,191,240)
```
#b8bbf0
```
#b8bbf0 rgb(184,187,240)
```
#bab8f0
```
#bab8f0 rgb(186,184,240)
```
#bfb8f0
```
#bfb8f0 rgb(191,184,240)
```
#c3b8f0
```
#c3b8f0 rgb(195,184,240)
```
#c8b8f0
```
#c8b8f0 rgb(200,184,240)
```

Similar Colors

Text with hexadecimal color #bab8f0

This text has a font color of #bab8f0.

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

#bab8f0 background color

This paragraph has a background color of #bab8f0.

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

#bab8f0 border color

This element has a border color of #bab8f0.

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

CSS codes

.text {color:#bab8f0;}

.background {background-color:#bab8f0;}

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

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

#02020a
```
#02020a rgb(2,2,10)
```
#06061a
```
#06061a rgb(6,6,26)
```
#0a092a
```
#0a092a rgb(10,9,42)
```
#0e0c3b
```
#0e0c3b rgb(14,12,59)
```
#12104b
```
#12104b rgb(18,16,75)
```
#16135b
```
#16135b rgb(22,19,91)
```
#1a176b
```
#1a176b rgb(26,23,107)
```
#1e1a7b
```
#1e1a7b rgb(30,26,123)
```
#211d8c
```
#211d8c rgb(33,29,140)
```
#25219c
```
#25219c rgb(37,33,156)
```
#2924ac
```
#2924ac rgb(41,36,172)
```
#2d28bc
```
#2d28bc rgb(45,40,188)
```
#312bcc
```
#312bcc rgb(49,43,204)
```

Shade Color Variation

#3c36d5
```
#3c36d5 rgb(60,54,213)
```
#4c47d8
```
#4c47d8 rgb(76,71,216)
```
#5c57db
```
#5c57db rgb(92,87,219)
```
#6b67df
```
#6b67df rgb(107,103,223)
```
#7b77e2
```
#7b77e2 rgb(123,119,226)
```
#8b87e6
```
#8b87e6 rgb(139,135,230)
```
#9b98e9
```
#9b98e9 rgb(155,152,233)
```
#aaa8ed
```
#aaa8ed rgb(170,168,237)
```
#bab8f0
```
#bab8f0 rgb(186,184,240)
```
#cac8f3
```
#cac8f3 rgb(202,200,243)
```
#d9d8f7
```
#d9d8f7 rgb(217,216,247)
```
#e9e9fa
```
#e9e9fa rgb(233,233,250)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

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

#d3d2d6
```
#d3d2d6 rgb(211,210,214)
```
#d0cfd9
```
#d0cfd9 rgb(208,207,217)
```
#ccccdc
```
#ccccdc rgb(204,204,220)
```
#c9c9df
```
#c9c9df rgb(201,201,223)
```
#c6c5e3
```
#c6c5e3 rgb(198,197,227)
```
#c3c2e6
```
#c3c2e6 rgb(195,194,230)
```
#c0bfe9
```
#c0bfe9 rgb(192,191,233)
```
#bdbbed
```
#bdbbed rgb(189,187,237)
```
#bab8f0
```
#bab8f0 rgb(186,184,240)
```
#b7b5f3
```
#b7b5f3 rgb(183,181,243)
```
#b4b1f7
```
#b4b1f7 rgb(180,177,247)
```
#b1aefa
```
#b1aefa rgb(177,174,250)
```
#aeabfd
```
#aeabfd rgb(174,171,253)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bebec9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2bef2 Protanopia 1% of men
#b8bdf0 Deuteranopia 1% of men
#b6c2cf Tritanopia 0.001% of the population

Trichromacy

#b5bcf1 Protanomaly 1% of men, 0.01% of women
#b8bbf0 Deuteranomaly 6% of men, 0.4% of women
#b7bedb Tritanomaly 0.01% of the population

#bab8f0 hex color

#bab8f0 Color Information

#bab8f0 Color Conversion

Color Schemes with #bab8f0

Alternatives to #bab8f0

#bab8f0 Preview

Shades and Tints of #bab8f0

Tones of #bab8f0

Color Blindness Simulator