#baabf4 hex color

In a RGB color space, hex #baabf4 is composed of 72.9% red, 67.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 29.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 252.3 degrees, a saturation of 76.8% and a lightness of 81.4%. #baabf4 color hex could be obtained by blending #ffffff with #7557e9. Closest websafe color is: #cc99ff.

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

● #baabf4 color description : Very soft blue.

The hexadecimal color #baabf4 has RGB values of R:186, G:171, B:244 and CMYK values of C:0.24, M:0.3, Y:0, K:0.04. Its decimal value is 12233716.

Hex triplet	baabf4	`#baabf4`
RGB Decimal	186, 171, 244	`rgb(186,171,244)`
RGB Percent	72.9, 67.1, 95.7	`rgb(72.9%,67.1%,95.7%)`
CMYK	24, 30, 0, 4
HSL	252.3°, 76.8, 81.4	`hsl(252.3,76.8%,81.4%)`
HSV (or HSB)	252.3°, 29.9, 95.7
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	73.608, 20.427, -34.434
XYZ	51.139, 46.096, 91.786
xyY	0.271, 0.244, 46.096
CIE-LCH	73.608, 40.037, 300.678
CIE-LUV	73.608, 2.976, -58.162
Hunter-Lab	67.894, 15.633, -32.628
Binary	10111010, 10101011, 11110100

#baabf4
```
#baabf4 rgb(186,171,244)
```
#e5f4ab
```
#e5f4ab rgb(229,244,171)
```

Complementary Color

#abc1f4
```
#abc1f4 rgb(171,193,244)
```
#baabf4
```
#baabf4 rgb(186,171,244)
```
#dfabf4
```
#dfabf4 rgb(223,171,244)
```

Analogous Color

#c1f4ab
```
#c1f4ab rgb(193,244,171)
```
#baabf4
```
#baabf4 rgb(186,171,244)
```
#f4dfab
```
#f4dfab rgb(244,223,171)
```

Split Complementary Color

#abf4ba
```
#abf4ba rgb(171,244,186)
```
#baabf4
```
#baabf4 rgb(186,171,244)
```
#f4baab
```
#f4baab rgb(244,186,171)
```

Triadic Color

#abe5f4
```
#abe5f4 rgb(171,229,244)
```
#baabf4
```
#baabf4 rgb(186,171,244)
```
#f4baab
```
#f4baab rgb(244,186,171)
```
#e5f4ab
```
#e5f4ab rgb(229,244,171)
```

Tetradic Color

#8267eb
```
#8267eb rgb(130,103,235)
```
#957eee
```
#957eee rgb(149,126,238)
```
#a794f1
```
#a794f1 rgb(167,148,241)
```
#baabf4
```
#baabf4 rgb(186,171,244)
```
#cdc2f7
```
#cdc2f7 rgb(205,194,247)
```
#dfd8fa
```
#dfd8fa rgb(223,216,250)
```
#f2effd
```
#f2effd rgb(242,239,253)
```

Monochromatic Color

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

#abaef4
```
#abaef4 rgb(171,174,244)
```
#aeabf4
```
#aeabf4 rgb(174,171,244)
```
#b4abf4
```
#b4abf4 rgb(180,171,244)
```
#baabf4
```
#baabf4 rgb(186,171,244)
```
#c0abf4
```
#c0abf4 rgb(192,171,244)
```
#c6abf4
```
#c6abf4 rgb(198,171,244)
```
#ccabf4
```
#ccabf4 rgb(204,171,244)
```

Similar Colors

Text with hexadecimal color #baabf4

This text has a font color of #baabf4.

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

#baabf4 background color

This paragraph has a background color of #baabf4.

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

#baabf4 border color

This element has a border color of #baabf4.

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

CSS codes

.text {color:#baabf4;}

.background {background-color:#baabf4;}

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

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

#010003
```
#010003 rgb(1,0,3)
```
#060314
```
#060314 rgb(6,3,20)
```
#0c0525
```
#0c0525 rgb(12,5,37)
```
#110737
```
#110737 rgb(17,7,55)
```
#160948
```
#160948 rgb(22,9,72)
```
#1c0c59
```
#1c0c59 rgb(28,12,89)
```
#210e6b
```
#210e6b rgb(33,14,107)
```
#26107c
```
#26107c rgb(38,16,124)
```
#2c138d
```
#2c138d rgb(44,19,141)
```
#31159f
```
#31159f rgb(49,21,159)
```
#3717b0
```
#3717b0 rgb(55,23,176)
```
#3c19c2
```
#3c19c2 rgb(60,25,194)
```
#411cd3
```
#411cd3 rgb(65,28,211)
```

Shade Color Variation

#4820e2
```
#4820e2 rgb(72,32,226)
```
#5632e4
```
#5632e4 rgb(86,50,228)
```
#6543e6
```
#6543e6 rgb(101,67,230)
```
#7354e9
```
#7354e9 rgb(115,84,233)
```
#8166eb
```
#8166eb rgb(129,102,235)
```
#8f77ed
```
#8f77ed rgb(143,119,237)
```
#9e88ef
```
#9e88ef rgb(158,136,239)
```
#ac9af2
```
#ac9af2 rgb(172,154,242)
```
#baabf4
```
#baabf4 rgb(186,171,244)
```
#c8bcf6
```
#c8bcf6 rgb(200,188,246)
```
#d6cef9
```
#d6cef9 rgb(214,206,249)
```
#e5dffb
```
#e5dffb rgb(229,223,251)
```
#f3f0fd
```
#f3f0fd rgb(243,240,253)
```

Tint Color Variation

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

#cdccd3
```
#cdccd3 rgb(205,204,211)
```
#cbc8d7
```
#cbc8d7 rgb(203,200,215)
```
#c9c5da
```
#c9c5da rgb(201,197,218)
```
#c7c1de
```
#c7c1de rgb(199,193,222)
```
#c5bde2
```
#c5bde2 rgb(197,189,226)
```
#c3bae5
```
#c3bae5 rgb(195,186,229)
```
#c0b6e9
```
#c0b6e9 rgb(192,182,233)
```
#beb2ed
```
#beb2ed rgb(190,178,237)
```
#bcaff0
```
#bcaff0 rgb(188,175,240)
```
#baabf4
```
#baabf4 rgb(186,171,244)
```
#b8a7f8
```
#b8a7f8 rgb(184,167,248)
```
#b6a4fb
```
#b6a4fb rgb(182,164,251)
```
#b4a0ff
```
#b4a0ff rgb(180,160,255)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b8b5c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b6f9 Protanopia 1% of men
#a7b6f2 Deuteranopia 1% of men
#b3b8c6 Tritanopia 0.001% of the population

Trichromacy

#abb2f7 Protanomaly 1% of men, 0.01% of women
#aeb2f2 Deuteranomaly 6% of men, 0.4% of women
#b5b3d6 Tritanomaly 0.01% of the population

#baabf4 hex color

#baabf4 Color Information

#baabf4 Color Conversion

Color Schemes with #baabf4

Alternatives to #baabf4

#baabf4 Preview

Shades and Tints of #baabf4

Tones of #baabf4

Color Blindness Simulator