#baafe2 hex color

In a RGB color space, hex #baafe2 is composed of 72.9% red, 68.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 22.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 252.9 degrees, a saturation of 46.8% and a lightness of 78.6%. #baafe2 color hex could be obtained by blending #ffffff with #755fc5. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 69
- B 89
RGB color chart
- C 18
- M 23
- Y 0
- K 11
CMYK color chart

● #baafe2 color description : Very soft blue.

The hexadecimal color #baafe2 has RGB values of R:186, G:175, B:226 and CMYK values of C:0.18, M:0.23, Y:0, K:0.11. Its decimal value is 12234722.

Hex triplet	baafe2	`#baafe2`
RGB Decimal	186, 175, 226	`rgb(186,175,226)`
RGB Percent	72.9, 68.6, 88.6	`rgb(72.9%,68.6%,88.6%)`
CMYK	18, 23, 0, 11
HSL	252.9°, 46.8, 78.6	`hsl(252.9,46.8%,78.6%)`
HSV (or HSB)	252.9°, 22.6, 88.6
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	73.927, 14.133, -24.17
XYZ	49.305, 46.59, 78.343
xyY	0.283, 0.267, 46.59
CIE-LCH	73.927, 27.998, 300.316
CIE-LUV	73.927, 2.646, -40.224
Hunter-Lab	68.257, 9.489, -20.271
Binary	10111010, 10101111, 11100010

#baafe2
```
#baafe2 rgb(186,175,226)
```
#d7e2af
```
#d7e2af rgb(215,226,175)
```

Complementary Color

#afbee2
```
#afbee2 rgb(175,190,226)
```
#baafe2
```
#baafe2 rgb(186,175,226)
```
#d4afe2
```
#d4afe2 rgb(212,175,226)
```

Analogous Color

#bee2af
```
#bee2af rgb(190,226,175)
```
#baafe2
```
#baafe2 rgb(186,175,226)
```
#e2d4af
```
#e2d4af rgb(226,212,175)
```

Split Complementary Color

#afe2ba
```
#afe2ba rgb(175,226,186)
```
#baafe2
```
#baafe2 rgb(186,175,226)
```
#e2baaf
```
#e2baaf rgb(226,186,175)
```

Triadic Color

#afd7e2
```
#afd7e2 rgb(175,215,226)
```
#baafe2
```
#baafe2 rgb(186,175,226)
```
#e2baaf
```
#e2baaf rgb(226,186,175)
```
#d7e2af
```
#d7e2af rgb(215,226,175)
```

Tetradic Color

#8a77ce
```
#8a77ce rgb(138,119,206)
```
#9a8ad4
```
#9a8ad4 rgb(154,138,212)
```
#aa9cdb
```
#aa9cdb rgb(170,156,219)
```
#baafe2
```
#baafe2 rgb(186,175,226)
```
#cac2e9
```
#cac2e9 rgb(202,194,233)
```
#dad4f0
```
#dad4f0 rgb(218,212,240)
```
#eae7f6
```
#eae7f6 rgb(234,231,246)
```

Monochromatic Color

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

#afb1e2
```
#afb1e2 rgb(175,177,226)
```
#b2afe2
```
#b2afe2 rgb(178,175,226)
```
#b6afe2
```
#b6afe2 rgb(182,175,226)
```
#baafe2
```
#baafe2 rgb(186,175,226)
```
#beafe2
```
#beafe2 rgb(190,175,226)
```
#c3afe2
```
#c3afe2 rgb(195,175,226)
```
#c7afe2
```
#c7afe2 rgb(199,175,226)
```

Similar Colors

Text with hexadecimal color #baafe2

This text has a font color of #baafe2.

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

#baafe2 background color

This paragraph has a background color of #baafe2.

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

#baafe2 border color

This element has a border color of #baafe2.

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

CSS codes

.text {color:#baafe2;}

.background {background-color:#baafe2;}

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

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

#030206
```
#030206 rgb(3,2,6)
```
#0a0815
```
#0a0815 rgb(10,8,21)
```
#120d23
```
#120d23 rgb(18,13,35)
```
#191232
```
#191232 rgb(25,18,50)
```
#201740
```
#201740 rgb(32,23,64)
```
#271c4e
```
#271c4e rgb(39,28,78)
```
#2e225d
```
#2e225d rgb(46,34,93)
```
#36276b
```
#36276b rgb(54,39,107)
```
#3d2c7a
```
#3d2c7a rgb(61,44,122)
```
#443188
```
#443188 rgb(68,49,136)
```
#4b3796
```
#4b3796 rgb(75,55,150)
```
#523ca5
```
#523ca5 rgb(82,60,165)
```
#5a41b3
```
#5a41b3 rgb(90,65,179)
```

Shade Color Variation

#634abd
```
#634abd rgb(99,74,189)
```
#6f59c3
```
#6f59c3 rgb(111,89,195)
```
#7c67c8
```
#7c67c8 rgb(124,103,200)
```
#8875cd
```
#8875cd rgb(136,117,205)
```
#9584d2
```
#9584d2 rgb(149,132,210)
```
#a192d8
```
#a192d8 rgb(161,146,216)
```
#aea1dd
```
#aea1dd rgb(174,161,221)
```
#baafe2
```
#baafe2 rgb(186,175,226)
```
#c6bde7
```
#c6bde7 rgb(198,189,231)
```
#d3ccec
```
#d3ccec rgb(211,204,236)
```
#dfdaf2
```
#dfdaf2 rgb(223,218,242)
```
#ece9f7
```
#ece9f7 rgb(236,233,247)
```
#f8f7fc
```
#f8f7fc rgb(248,247,252)
```

Tint Color Variation

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

#c8c8c9
```
#c8c8c9 rgb(200,200,201)
```
#c6c4cd
```
#c6c4cd rgb(198,196,205)
```
#c4c0d1
```
#c4c0d1 rgb(196,192,209)
```
#c1bcd5
```
#c1bcd5 rgb(193,188,213)
```
#bfb7da
```
#bfb7da rgb(191,183,218)
```
#bcb3de
```
#bcb3de rgb(188,179,222)
```
#baafe2
```
#baafe2 rgb(186,175,226)
```
#b8abe6
```
#b8abe6 rgb(184,171,230)
```
#b5a7ea
```
#b5a7ea rgb(181,167,234)
```
#b3a2ef
```
#b3a2ef rgb(179,162,239)
```
#b09ef3
```
#b09ef3 rgb(176,158,243)
```
#ae9af7
```
#ae9af7 rgb(174,154,247)
```
#ac96fb
```
#ac96fb rgb(172,150,251)
```

Tone Color Variation

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

#adb7e6 Protanopia 1% of men
#b4b6e2 Deuteranopia 1% of men
#b7b8c6 Tritanopia 0.001% of the population

Trichromacy

#b1b4e4 Protanomaly 1% of men, 0.01% of women
#b6b3e2 Deuteranomaly 6% of men, 0.4% of women
#b8b5d0 Tritanomaly 0.01% of the population

#baafe2 hex color

#baafe2 Color Information

#baafe2 Color Conversion

Color Schemes with #baafe2

Alternatives to #baafe2

#baafe2 Preview

Shades and Tints of #baafe2

Tones of #baafe2

Color Blindness Simulator