#baaaf3 hex color

In a RGB color space, hex #baaaf3 is composed of 72.9% red, 66.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 23.5% cyan, 30% magenta, 0% yellow and 4.7% black. It has a hue angle of 253.2 degrees, a saturation of 75.3% and a lightness of 81%. #baaaf3 color hex could be obtained by blending #ffffff with #7555e7. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 67
- B 95
RGB color chart
- C 23
- M 30
- Y 0
- K 5
CMYK color chart

● #baaaf3 color description : Very soft blue.

The hexadecimal color #baaaf3 has RGB values of R:186, G:170, B:243 and CMYK values of C:0.23, M:0.3, Y:0, K:0.05. Its decimal value is 12233459.

Hex triplet	baaaf3	`#baaaf3`
RGB Decimal	186, 170, 243	`rgb(186,170,243)`
RGB Percent	72.9, 66.7, 95.3	`rgb(72.9%,66.7%,95.3%)`
CMYK	23, 30, 0, 5
HSL	253.2°, 75.3, 81	`hsl(253.2,75.3%,81%)`
HSV (or HSB)	253.2°, 30, 95.3
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	73.324, 20.749, -34.332
XYZ	50.799, 45.659, 90.926
xyY	0.271, 0.244, 45.659
CIE-LCH	73.324, 40.115, 301.148
CIE-LUV	73.324, 3.48, -58.005
Hunter-Lab	67.572, 15.943, -32.482
Binary	10111010, 10101010, 11110011

#baaaf3
```
#baaaf3 rgb(186,170,243)
```
#e3f3aa
```
#e3f3aa rgb(227,243,170)
```

Complementary Color

#aabff3
```
#aabff3 rgb(170,191,243)
```
#baaaf3
```
#baaaf3 rgb(186,170,243)
```
#dfaaf3
```
#dfaaf3 rgb(223,170,243)
```

Analogous Color

#bff3aa
```
#bff3aa rgb(191,243,170)
```
#baaaf3
```
#baaaf3 rgb(186,170,243)
```
#f3dfaa
```
#f3dfaa rgb(243,223,170)
```

Split Complementary Color

#aaf3ba
```
#aaf3ba rgb(170,243,186)
```
#baaaf3
```
#baaaf3 rgb(186,170,243)
```
#f3baaa
```
#f3baaa rgb(243,186,170)
```

Triadic Color

#aae3f3
```
#aae3f3 rgb(170,227,243)
```
#baaaf3
```
#baaaf3 rgb(186,170,243)
```
#f3baaa
```
#f3baaa rgb(243,186,170)
```
#e3f3aa
```
#e3f3aa rgb(227,243,170)
```

Tetradic Color

#8467ea
```
#8467ea rgb(132,103,234)
```
#967ded
```
#967ded rgb(150,125,237)
```
#a894f0
```
#a894f0 rgb(168,148,240)
```
#baaaf3
```
#baaaf3 rgb(186,170,243)
```
#ccc0f6
```
#ccc0f6 rgb(204,192,246)
```
#ded7f9
```
#ded7f9 rgb(222,215,249)
```
#f0edfc
```
#f0edfc rgb(240,237,252)
```

Monochromatic Color

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

#aaacf3
```
#aaacf3 rgb(170,172,243)
```
#aeaaf3
```
#aeaaf3 rgb(174,170,243)
```
#b4aaf3
```
#b4aaf3 rgb(180,170,243)
```
#baaaf3
```
#baaaf3 rgb(186,170,243)
```
#c0aaf3
```
#c0aaf3 rgb(192,170,243)
```
#c6aaf3
```
#c6aaf3 rgb(198,170,243)
```
#ccaaf3
```
#ccaaf3 rgb(204,170,243)
```

Similar Colors

Text with hexadecimal color #baaaf3

This text has a font color of #baaaf3.

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

#baaaf3 background color

This paragraph has a background color of #baaaf3.

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

#baaaf3 border color

This element has a border color of #baaaf3.

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

CSS codes

.text {color:#baaaf3;}

.background {background-color:#baaaf3;}

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

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)
```
#060312
```
#060312 rgb(6,3,18)
```
#0c0523
```
#0c0523 rgb(12,5,35)
```
#110735
```
#110735 rgb(17,7,53)
```
#170a46
```
#170a46 rgb(23,10,70)
```
#1d0c57
```
#1d0c57 rgb(29,12,87)
```
#220f68
```
#220f68 rgb(34,15,104)
```
#281179
```
#281179 rgb(40,17,121)
```
#2e148a
```
#2e148a rgb(46,20,138)
```
#33169c
```
#33169c rgb(51,22,156)
```
#3918ad
```
#3918ad rgb(57,24,173)
```
#3f1bbe
```
#3f1bbe rgb(63,27,190)
```
#441dcf
```
#441dcf rgb(68,29,207)
```

Shade Color Variation

#4a20e0
```
#4a20e0 rgb(74,32,224)
```
#5832e2
```
#5832e2 rgb(88,50,226)
```
#6643e4
```
#6643e4 rgb(102,67,228)
```
#7454e7
```
#7454e7 rgb(116,84,231)
```
#8265e9
```
#8265e9 rgb(130,101,233)
```
#9076ec
```
#9076ec rgb(144,118,236)
```
#9e88ee
```
#9e88ee rgb(158,136,238)
```
#ac99f1
```
#ac99f1 rgb(172,153,241)
```
#baaaf3
```
#baaaf3 rgb(186,170,243)
```
#c8bbf5
```
#c8bbf5 rgb(200,187,245)
```
#d6ccf8
```
#d6ccf8 rgb(214,204,248)
```
#e4defa
```
#e4defa rgb(228,222,250)
```
#f2effd
```
#f2effd rgb(242,239,253)
```

Tint Color Variation

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

#cdccd1
```
#cdccd1 rgb(205,204,209)
```
#cbc8d5
```
#cbc8d5 rgb(203,200,213)
```
#c9c4d9
```
#c9c4d9 rgb(201,196,217)
```
#c7c0dd
```
#c7c0dd rgb(199,192,221)
```
#c4bde0
```
#c4bde0 rgb(196,189,224)
```
#c2b9e4
```
#c2b9e4 rgb(194,185,228)
```
#c0b5e8
```
#c0b5e8 rgb(192,181,232)
```
#beb1ec
```
#beb1ec rgb(190,177,236)
```
#bcaeef
```
#bcaeef rgb(188,174,239)
```
#baaaf3
```
#baaaf3 rgb(186,170,243)
```
#b8a6f7
```
#b8a6f7 rgb(184,166,247)
```
#b6a3fa
```
#b6a3fa rgb(182,163,250)
```
#b49ffe
```
#b49ffe rgb(180,159,254)
```

Tone Color Variation

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

#a2b5f8 Protanopia 1% of men
#a6b5f1 Deuteranopia 1% of men
#b3b7c5 Tritanopia 0.001% of the population

Trichromacy

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

#baaaf3 hex color

#baaaf3 Color Information

#baaaf3 Color Conversion

Color Schemes with #baaaf3

Alternatives to #baaaf3

#baaaf3 Preview

Shades and Tints of #baaaf3

Tones of #baaaf3

Color Blindness Simulator