#baaaf4 hex color

In a RGB color space, hex #baaaf4 is composed of 72.9% red, 66.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 30.3% magenta, 0% yellow and 4.3% black. It has a hue angle of 253 degrees, a saturation of 77.1% and a lightness of 81.2%. #baaaf4 color hex could be obtained by blending #ffffff with #7555e9. 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

● #baaaf4 color description : Very soft blue.

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

Hex triplet	baaaf4	`#baaaf4`
RGB Decimal	186, 170, 244	`rgb(186,170,244)`
RGB Percent	72.9, 66.7, 95.7	`rgb(72.9%,66.7%,95.7%)`
CMYK	24, 30, 0, 4
HSL	253°, 77.1, 81.2	`hsl(253,77.1%,81.2%)`
HSV (or HSB)	253°, 30.3, 95.7
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	73.363, 20.982, -34.813
XYZ	50.951, 45.72, 91.724
xyY	0.27, 0.243, 45.72
CIE-LCH	73.363, 40.647, 301.078
CIE-LUV	73.363, 3.397, -58.849
Hunter-Lab	67.617, 16.175, -33.097
Binary	10111010, 10101010, 11110100

#baaaf4
```
#baaaf4 rgb(186,170,244)
```
#e4f4aa
```
#e4f4aa rgb(228,244,170)
```

Complementary Color

#aabff4
```
#aabff4 rgb(170,191,244)
```
#baaaf4
```
#baaaf4 rgb(186,170,244)
```
#dfaaf4
```
#dfaaf4 rgb(223,170,244)
```

Analogous Color

#bff4aa
```
#bff4aa rgb(191,244,170)
```
#baaaf4
```
#baaaf4 rgb(186,170,244)
```
#f4dfaa
```
#f4dfaa rgb(244,223,170)
```

Split Complementary Color

#aaf4ba
```
#aaf4ba rgb(170,244,186)
```
#baaaf4
```
#baaaf4 rgb(186,170,244)
```
#f4baaa
```
#f4baaa rgb(244,186,170)
```

Triadic Color

#aae4f4
```
#aae4f4 rgb(170,228,244)
```
#baaaf4
```
#baaaf4 rgb(186,170,244)
```
#f4baaa
```
#f4baaa rgb(244,186,170)
```
#e4f4aa
```
#e4f4aa rgb(228,244,170)
```

Tetradic Color

#8366eb
```
#8366eb rgb(131,102,235)
```
#957dee
```
#957dee rgb(149,125,238)
```
#a893f1
```
#a893f1 rgb(168,147,241)
```
#baaaf4
```
#baaaf4 rgb(186,170,244)
```
#ccc1f7
```
#ccc1f7 rgb(204,193,247)
```
#dfd7fa
```
#dfd7fa rgb(223,215,250)
```
#f1eefd
```
#f1eefd rgb(241,238,253)
```

Monochromatic Color

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

#aaadf4
```
#aaadf4 rgb(170,173,244)
```
#aeaaf4
```
#aeaaf4 rgb(174,170,244)
```
#b4aaf4
```
#b4aaf4 rgb(180,170,244)
```
#baaaf4
```
#baaaf4 rgb(186,170,244)
```
#c0aaf4
```
#c0aaf4 rgb(192,170,244)
```
#c6aaf4
```
#c6aaf4 rgb(198,170,244)
```
#cdaaf4
```
#cdaaf4 rgb(205,170,244)
```

Similar Colors

Text with hexadecimal color #baaaf4

This text has a font color of #baaaf4.

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

#baaaf4 background color

This paragraph has a background color of #baaaf4.

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

#baaaf4 border color

This element has a border color of #baaaf4.

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

CSS codes

.text {color:#baaaf4;}

.background {background-color:#baaaf4;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#060213
```
#060213 rgb(6,2,19)
```
#0c0525
```
#0c0525 rgb(12,5,37)
```
#110736
```
#110736 rgb(17,7,54)
```
#170947
```
#170947 rgb(23,9,71)
```
#1c0b59
```
#1c0b59 rgb(28,11,89)
```
#220e6a
```
#220e6a rgb(34,14,106)
```
#27107b
```
#27107b rgb(39,16,123)
```
#2d128d
```
#2d128d rgb(45,18,141)
```
#32149e
```
#32149e rgb(50,20,158)
```
#3817b0
```
#3817b0 rgb(56,23,176)
```
#3d19c1
```
#3d19c1 rgb(61,25,193)
```
#431bd2
```
#431bd2 rgb(67,27,210)
```

Shade Color Variation

#491fe2
```
#491fe2 rgb(73,31,226)
```
#5730e4
```
#5730e4 rgb(87,48,228)
```
#6542e7
```
#6542e7 rgb(101,66,231)
```
#7453e9
```
#7453e9 rgb(116,83,233)
```
#8265eb
```
#8265eb rgb(130,101,235)
```
#9076ed
```
#9076ed rgb(144,118,237)
```
#9e87f0
```
#9e87f0 rgb(158,135,240)
```
#ac99f2
```
#ac99f2 rgb(172,153,242)
```
#baaaf4
```
#baaaf4 rgb(186,170,244)
```
#c8bbf6
```
#c8bbf6 rgb(200,187,246)
```
#d6cdf8
```
#d6cdf8 rgb(214,205,248)
```
#e4defb
```
#e4defb rgb(228,222,251)
```
#f2effd
```
#f2effd rgb(242,239,253)
```

Tint Color Variation

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

#cfcfcf
```
#cfcfcf rgb(207,207,207)
```
#cdcbd3
```
#cdcbd3 rgb(205,203,211)
```
#cbc8d6
```
#cbc8d6 rgb(203,200,214)
```
#c9c4da
```
#c9c4da rgb(201,196,218)
```
#c7c0de
```
#c7c0de rgb(199,192,222)
```
#c4bce2
```
#c4bce2 rgb(196,188,226)
```
#c2b9e5
```
#c2b9e5 rgb(194,185,229)
```
#c0b5e9
```
#c0b5e9 rgb(192,181,233)
```
#beb1ed
```
#beb1ed rgb(190,177,237)
```
#bcaef0
```
#bcaef0 rgb(188,174,240)
```
#baaaf4
```
#baaaf4 rgb(186,170,244)
```
#b8a6f8
```
#b8a6f8 rgb(184,166,248)
```
#b6a3fb
```
#b6a3fb rgb(182,163,251)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b8b4c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b5f9 Protanopia 1% of men
#a6b5f2 Deuteranopia 1% of men
#b2b8c5 Tritanopia 0.001% of the population

Trichromacy

#aab1f7 Protanomaly 1% of men, 0.01% of women
#adb1f2 Deuteranomaly 6% of men, 0.4% of women
#b5b2d6 Tritanomaly 0.01% of the population

#baaaf4 hex color

#baaaf4 Color Information

#baaaf4 Color Conversion

Color Schemes with #baaaf4

Alternatives to #baaaf4

#baaaf4 Preview

Shades and Tints of #baaaf4

Tones of #baaaf4

Color Blindness Simulator