#baafe0 hex color

In a RGB color space, hex #baafe0 is composed of 72.9% red, 68.6% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 17% cyan, 21.9% magenta, 0% yellow and 12.2% black. It has a hue angle of 253.5 degrees, a saturation of 44.1% and a lightness of 78.2%. #baafe0 color hex could be obtained by blending #ffffff with #755fc1. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 69
- B 88
RGB color chart
- C 17
- M 22
- Y 0
- K 12
CMYK color chart

● #baafe0 color description : Very soft blue.

The hexadecimal color #baafe0 has RGB values of R:186, G:175, B:224 and CMYK values of C:0.17, M:0.22, Y:0, K:0.12. Its decimal value is 12234720.

Hex triplet	baafe0	`#baafe0`
RGB Decimal	186, 175, 224	`rgb(186,175,224)`
RGB Percent	72.9, 68.6, 87.8	`rgb(72.9%,68.6%,87.8%)`
CMYK	17, 22, 0, 12
HSL	253.5°, 44.1, 78.2	`hsl(253.5,44.1%,78.2%)`
HSV (or HSB)	253.5°, 21.9, 87.8
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	73.856, 13.693, -23.188
XYZ	49.032, 46.481, 76.905
xyY	0.284, 0.27, 46.481
CIE-LCH	73.856, 26.929, 300.563
CIE-LUV	73.856, 2.797, -38.543
Hunter-Lab	68.177, 9.065, -19.157
Binary	10111010, 10101111, 11100000

#baafe0
```
#baafe0 rgb(186,175,224)
```
#d5e0af
```
#d5e0af rgb(213,224,175)
```

Complementary Color

#afbde0
```
#afbde0 rgb(175,189,224)
```
#baafe0
```
#baafe0 rgb(186,175,224)
```
#d3afe0
```
#d3afe0 rgb(211,175,224)
```

Analogous Color

#bde0af
```
#bde0af rgb(189,224,175)
```
#baafe0
```
#baafe0 rgb(186,175,224)
```
#e0d3af
```
#e0d3af rgb(224,211,175)
```

Split Complementary Color

#afe0ba
```
#afe0ba rgb(175,224,186)
```
#baafe0
```
#baafe0 rgb(186,175,224)
```
#e0baaf
```
#e0baaf rgb(224,186,175)
```

Triadic Color

#afd5e0
```
#afd5e0 rgb(175,213,224)
```
#baafe0
```
#baafe0 rgb(186,175,224)
```
#e0baaf
```
#e0baaf rgb(224,186,175)
```
#d5e0af
```
#d5e0af rgb(213,224,175)
```

Tetradic Color

#8a78cb
```
#8a78cb rgb(138,120,203)
```
#9a8ad2
```
#9a8ad2 rgb(154,138,210)
```
#aa9dd9
```
#aa9dd9 rgb(170,157,217)
```
#baafe0
```
#baafe0 rgb(186,175,224)
```
#cac1e7
```
#cac1e7 rgb(202,193,231)
```
#dad4ee
```
#dad4ee rgb(218,212,238)
```
#eae6f5
```
#eae6f5 rgb(234,230,245)
```

Monochromatic Color

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

#afb0e0
```
#afb0e0 rgb(175,176,224)
```
#b2afe0
```
#b2afe0 rgb(178,175,224)
```
#b6afe0
```
#b6afe0 rgb(182,175,224)
```
#baafe0
```
#baafe0 rgb(186,175,224)
```
#beafe0
```
#beafe0 rgb(190,175,224)
```
#c2afe0
```
#c2afe0 rgb(194,175,224)
```
#c6afe0
```
#c6afe0 rgb(198,175,224)
```

Similar Colors

Text with hexadecimal color #baafe0

This text has a font color of #baafe0.

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

#baafe0 background color

This paragraph has a background color of #baafe0.

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

#baafe0 border color

This element has a border color of #baafe0.

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

CSS codes

.text {color:#baafe0;}

.background {background-color:#baafe0;}

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

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

#030205
```
#030205 rgb(3,2,5)
```
#0a0713
```
#0a0713 rgb(10,7,19)
```
#110d21
```
#110d21 rgb(17,13,33)
```
#19122f
```
#19122f rgb(25,18,47)
```
#20183d
```
#20183d rgb(32,24,61)
```
#281d4c
```
#281d4c rgb(40,29,76)
```
#2f235a
```
#2f235a rgb(47,35,90)
```
#362868
```
#362868 rgb(54,40,104)
```
#3e2e76
```
#3e2e76 rgb(62,46,118)
```
#453384
```
#453384 rgb(69,51,132)
```
#4d3992
```
#4d3992 rgb(77,57,146)
```
#543ea0
```
#543ea0 rgb(84,62,160)
```
#5c44ae
```
#5c44ae rgb(92,68,174)
```

Shade Color Variation

#654cba
```
#654cba rgb(101,76,186)
```
#715abf
```
#715abf rgb(113,90,191)
```
#7d68c5
```
#7d68c5 rgb(125,104,197)
```
#8976ca
```
#8976ca rgb(137,118,202)
```
#9585d0
```
#9585d0 rgb(149,133,208)
```
#a293d5
```
#a293d5 rgb(162,147,213)
```
#aea1db
```
#aea1db rgb(174,161,219)
```
#baafe0
```
#baafe0 rgb(186,175,224)
```
#c6bde5
```
#c6bde5 rgb(198,189,229)
```
#d2cbeb
```
#d2cbeb rgb(210,203,235)
```
#dfd9f0
```
#dfd9f0 rgb(223,217,240)
```
#ebe8f6
```
#ebe8f6 rgb(235,232,246)
```
#f7f6fb
```
#f7f6fb rgb(247,246,251)
```

Tint Color Variation

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

#c6c4cb
```
#c6c4cb rgb(198,196,203)
```
#c3c0cf
```
#c3c0cf rgb(195,192,207)
```
#c1bcd3
```
#c1bcd3 rgb(193,188,211)
```
#bfb8d7
```
#bfb8d7 rgb(191,184,215)
```
#bcb3dc
```
#bcb3dc rgb(188,179,220)
```
#baafe0
```
#baafe0 rgb(186,175,224)
```
#b8abe4
```
#b8abe4 rgb(184,171,228)
```
#b5a6e9
```
#b5a6e9 rgb(181,166,233)
```
#b3a2ed
```
#b3a2ed rgb(179,162,237)
```
#b19ef1
```
#b19ef1 rgb(177,158,241)
```
#ae9af5
```
#ae9af5 rgb(174,154,245)
```
#ac95fa
```
#ac95fa rgb(172,149,250)
```
#aa91fe
```
#aa91fe rgb(170,145,254)
```

Tone Color Variation

Below, you can see how #baafe0 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
#b8b6c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb7e4 Protanopia 1% of men
#b5b5e0 Deuteranopia 1% of men
#b7b8c5 Tritanopia 0.001% of the population

Trichromacy

#b2b4e2 Protanomaly 1% of men, 0.01% of women
#b7b3e0 Deuteranomaly 6% of men, 0.4% of women
#b8b5cf Tritanomaly 0.01% of the population

#baafe0 hex color

#baafe0 Color Information

#baafe0 Color Conversion

Color Schemes with #baafe0

Alternatives to #baafe0

#baafe0 Preview

Shades and Tints of #baafe0

Tones of #baafe0

Color Blindness Simulator