#baa9f4 hex color

In a RGB color space, hex #baa9f4 is composed of 72.9% red, 66.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 30.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 253.6 degrees, a saturation of 77.3% and a lightness of 81%. #baa9f4 color hex could be obtained by blending #ffffff with #7553e9. Closest websafe color is: #cc99ff.

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

● #baa9f4 color description : Very soft blue.

The hexadecimal color #baa9f4 has RGB values of R:186, G:169, B:244 and CMYK values of C:0.24, M:0.31, Y:0, K:0.04. Its decimal value is 12233204.

Hex triplet	baa9f4	`#baa9f4`
RGB Decimal	186, 169, 244	`rgb(186,169,244)`
RGB Percent	72.9, 66.3, 95.7	`rgb(72.9%,66.3%,95.7%)`
CMYK	24, 31, 0, 4
HSL	253.6°, 77.3, 81	`hsl(253.6,77.3%,81%)`
HSV (or HSB)	253.6°, 30.7, 95.7
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	73.119, 21.537, -35.191
XYZ	50.764, 45.346, 91.661
xyY	0.27, 0.241, 45.346
CIE-LCH	73.119, 41.258, 301.467
CIE-LUV	73.119, 3.817, -59.533
Hunter-Lab	67.34, 16.717, -33.566
Binary	10111010, 10101001, 11110100

#baa9f4
```
#baa9f4 rgb(186,169,244)
```
#e3f4a9
```
#e3f4a9 rgb(227,244,169)
```

Complementary Color

#a9bef4
```
#a9bef4 rgb(169,190,244)
```
#baa9f4
```
#baa9f4 rgb(186,169,244)
```
#e0a9f4
```
#e0a9f4 rgb(224,169,244)
```

Analogous Color

#bef4a9
```
#bef4a9 rgb(190,244,169)
```
#baa9f4
```
#baa9f4 rgb(186,169,244)
```
#f4e0a9
```
#f4e0a9 rgb(244,224,169)
```

Split Complementary Color

#a9f4ba
```
#a9f4ba rgb(169,244,186)
```
#baa9f4
```
#baa9f4 rgb(186,169,244)
```
#f4baa9
```
#f4baa9 rgb(244,186,169)
```

Triadic Color

#a9e3f4
```
#a9e3f4 rgb(169,227,244)
```
#baa9f4
```
#baa9f4 rgb(186,169,244)
```
#f4baa9
```
#f4baa9 rgb(244,186,169)
```
#e3f4a9
```
#e3f4a9 rgb(227,244,169)
```

Tetradic Color

#8465eb
```
#8465eb rgb(132,101,235)
```
#967cee
```
#967cee rgb(150,124,238)
```
#a892f1
```
#a892f1 rgb(168,146,241)
```
#baa9f4
```
#baa9f4 rgb(186,169,244)
```
#ccc0f7
```
#ccc0f7 rgb(204,192,247)
```
#ded6fa
```
#ded6fa rgb(222,214,250)
```
#f0edfd
```
#f0edfd rgb(240,237,253)
```

Monochromatic Color

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

#a9abf4
```
#a9abf4 rgb(169,171,244)
```
#aea9f4
```
#aea9f4 rgb(174,169,244)
```
#b4a9f4
```
#b4a9f4 rgb(180,169,244)
```
#baa9f4
```
#baa9f4 rgb(186,169,244)
```
#c0a9f4
```
#c0a9f4 rgb(192,169,244)
```
#c7a9f4
```
#c7a9f4 rgb(199,169,244)
```
#cda9f4
```
#cda9f4 rgb(205,169,244)
```

Similar Colors

Text with hexadecimal color #baa9f4

This text has a font color of #baa9f4.

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

#baa9f4 background color

This paragraph has a background color of #baa9f4.

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

#baa9f4 border color

This element has a border color of #baa9f4.

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

CSS codes

.text {color:#baa9f4;}

.background {background-color:#baa9f4;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#060212
```
#060212 rgb(6,2,18)
```
#0c0524
```
#0c0524 rgb(12,5,36)
```
#110735
```
#110735 rgb(17,7,53)
```
#170947
```
#170947 rgb(23,9,71)
```
#1d0b58
```
#1d0b58 rgb(29,11,88)
```
#220d69
```
#220d69 rgb(34,13,105)
```
#28107b
```
#28107b rgb(40,16,123)
```
#2e128c
```
#2e128c rgb(46,18,140)
```
#33149d
```
#33149d rgb(51,20,157)
```
#3916af
```
#3916af rgb(57,22,175)
```
#3f19c0
```
#3f19c0 rgb(63,25,192)
```
#441bd2
```
#441bd2 rgb(68,27,210)
```

Shade Color Variation

#4a1ee2
```
#4a1ee2 rgb(74,30,226)
```
#582fe4
```
#582fe4 rgb(88,47,228)
```
#6641e7
```
#6641e7 rgb(102,65,231)
```
#7452e9
```
#7452e9 rgb(116,82,233)
```
#8263eb
```
#8263eb rgb(130,99,235)
```
#9075ed
```
#9075ed rgb(144,117,237)
```
#9e86f0
```
#9e86f0 rgb(158,134,240)
```
#ac98f2
```
#ac98f2 rgb(172,152,242)
```
#baa9f4
```
#baa9f4 rgb(186,169,244)
```
#c8baf6
```
#c8baf6 rgb(200,186,246)
```
#d6ccf8
```
#d6ccf8 rgb(214,204,248)
```
#e4ddfb
```
#e4ddfb rgb(228,221,251)
```
#f2effd
```
#f2effd rgb(242,239,253)
```

Tint Color Variation

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

#cececf
```
#cececf rgb(206,206,207)
```
#cccbd2
```
#cccbd2 rgb(204,203,210)
```
#cac7d6
```
#cac7d6 rgb(202,199,214)
```
#c8c3da
```
#c8c3da rgb(200,195,218)
```
#c6bfde
```
#c6bfde rgb(198,191,222)
```
#c4bce1
```
#c4bce1 rgb(196,188,225)
```
#c2b8e5
```
#c2b8e5 rgb(194,184,229)
```
#c0b4e9
```
#c0b4e9 rgb(192,180,233)
```
#beb0ed
```
#beb0ed rgb(190,176,237)
```
#bcadf0
```
#bcadf0 rgb(188,173,240)
```
#baa9f4
```
#baa9f4 rgb(186,169,244)
```
#b8a5f8
```
#b8a5f8 rgb(184,165,248)
```
#b6a2fb
```
#b6a2fb rgb(182,162,251)
```

Tone Color Variation

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

#a0b5f9 Protanopia 1% of men
#a5b5f1 Deuteranopia 1% of men
#b2b7c4 Tritanopia 0.001% of the population

Trichromacy

#a9b0f7 Protanomaly 1% of men, 0.01% of women
#acb0f2 Deuteranomaly 6% of men, 0.4% of women
#b5b2d5 Tritanomaly 0.01% of the population

#baa9f4 hex color

#baa9f4 Color Information

#baa9f4 Color Conversion

Color Schemes with #baa9f4

Alternatives to #baa9f4

#baa9f4 Preview

Shades and Tints of #baa9f4

Tones of #baa9f4

Color Blindness Simulator