#baafdf hex color

In a RGB color space, hex #baafdf is composed of 72.9% red, 68.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 16.6% cyan, 21.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 253.8 degrees, a saturation of 42.9% and a lightness of 78%. #baafdf color hex could be obtained by blending #ffffff with #755fbf. Closest websafe color is: #cc99cc.

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

● #baafdf color description : Very soft blue.

The hexadecimal color #baafdf has RGB values of R:186, G:175, B:223 and CMYK values of C:0.17, M:0.22, Y:0, K:0.13. Its decimal value is 12234719.

Hex triplet	baafdf	`#baafdf`
RGB Decimal	186, 175, 223	`rgb(186,175,223)`
RGB Percent	72.9, 68.6, 87.5	`rgb(72.9%,68.6%,87.5%)`
CMYK	17, 22, 0, 13
HSL	253.8°, 42.9, 78	`hsl(253.8,42.9%,78%)`
HSV (or HSB)	253.8°, 21.5, 87.5
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	73.822, 13.474, -22.697
XYZ	48.897, 46.427, 76.193
xyY	0.285, 0.271, 46.427
CIE-LCH	73.822, 26.395, 300.696
CIE-LUV	73.822, 2.872, -37.704
Hunter-Lab	68.137, 8.855, -18.604
Binary	10111010, 10101111, 11011111

#baafdf
```
#baafdf rgb(186,175,223)
```
#d4dfaf
```
#d4dfaf rgb(212,223,175)
```

Complementary Color

#afbcdf
```
#afbcdf rgb(175,188,223)
```
#baafdf
```
#baafdf rgb(186,175,223)
```
#d2afdf
```
#d2afdf rgb(210,175,223)
```

Analogous Color

#bcdfaf
```
#bcdfaf rgb(188,223,175)
```
#baafdf
```
#baafdf rgb(186,175,223)
```
#dfd2af
```
#dfd2af rgb(223,210,175)
```

Split Complementary Color

#afdfba
```
#afdfba rgb(175,223,186)
```
#baafdf
```
#baafdf rgb(186,175,223)
```
#dfbaaf
```
#dfbaaf rgb(223,186,175)
```

Triadic Color

#afd4df
```
#afd4df rgb(175,212,223)
```
#baafdf
```
#baafdf rgb(186,175,223)
```
#dfbaaf
```
#dfbaaf rgb(223,186,175)
```
#d4dfaf
```
#d4dfaf rgb(212,223,175)
```

Tetradic Color

#8b78c9
```
#8b78c9 rgb(139,120,201)
```
#9b8bd0
```
#9b8bd0 rgb(155,139,208)
```
#aa9dd8
```
#aa9dd8 rgb(170,157,216)
```
#baafdf
```
#baafdf rgb(186,175,223)
```
#cac1e6
```
#cac1e6 rgb(202,193,230)
```
#d9d3ee
```
#d9d3ee rgb(217,211,238)
```
#e9e6f5
```
#e9e6f5 rgb(233,230,245)
```

Monochromatic Color

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

#afb0df
```
#afb0df rgb(175,176,223)
```
#b2afdf
```
#b2afdf rgb(178,175,223)
```
#b6afdf
```
#b6afdf rgb(182,175,223)
```
#baafdf
```
#baafdf rgb(186,175,223)
```
#beafdf
```
#beafdf rgb(190,175,223)
```
#c2afdf
```
#c2afdf rgb(194,175,223)
```
#c6afdf
```
#c6afdf rgb(198,175,223)
```

Similar Colors

Text with hexadecimal color #baafdf

This text has a font color of #baafdf.

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

#baafdf background color

This paragraph has a background color of #baafdf.

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

#baafdf border color

This element has a border color of #baafdf.

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

CSS codes

.text {color:#baafdf;}

.background {background-color:#baafdf;}

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

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

#020204
```
#020204 rgb(2,2,4)
```
#0a0712
```
#0a0712 rgb(10,7,18)
```
#110d20
```
#110d20 rgb(17,13,32)
```
#19122e
```
#19122e rgb(25,18,46)
```
#20183c
```
#20183c rgb(32,24,60)
```
#281e4a
```
#281e4a rgb(40,30,74)
```
#2f2358
```
#2f2358 rgb(47,35,88)
```
#372966
```
#372966 rgb(55,41,102)
```
#3e2e74
```
#3e2e74 rgb(62,46,116)
```
#463482
```
#463482 rgb(70,52,130)
```
#4d3a90
```
#4d3a90 rgb(77,58,144)
```
#553f9e
```
#553f9e rgb(85,63,158)
```
#5d45ac
```
#5d45ac rgb(93,69,172)
```

Shade Color Variation

#654db8
```
#654db8 rgb(101,77,184)
```
#715bbd
```
#715bbd rgb(113,91,189)
```
#7e69c3
```
#7e69c3 rgb(126,105,195)
```
#8a77c9
```
#8a77c9 rgb(138,119,201)
```
#9685ce
```
#9685ce rgb(150,133,206)
```
#a293d4
```
#a293d4 rgb(162,147,212)
```
#aea1d9
```
#aea1d9 rgb(174,161,217)
```
#baafdf
```
#baafdf rgb(186,175,223)
```
#c6bde5
```
#c6bde5 rgb(198,189,229)
```
#d2cbea
```
#d2cbea rgb(210,203,234)
```
#ded9f0
```
#ded9f0 rgb(222,217,240)
```
#eae7f5
```
#eae7f5 rgb(234,231,245)
```
#f6f5fb
```
#f6f5fb rgb(246,245,251)
```

Tint Color Variation

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

#c6c5c9
```
#c6c5c9 rgb(198,197,201)
```
#c3c0ce
```
#c3c0ce rgb(195,192,206)
```
#c1bcd2
```
#c1bcd2 rgb(193,188,210)
```
#bfb8d6
```
#bfb8d6 rgb(191,184,214)
```
#bcb3db
```
#bcb3db rgb(188,179,219)
```
#baafdf
```
#baafdf rgb(186,175,223)
```
#b8abe3
```
#b8abe3 rgb(184,171,227)
```
#b5a6e8
```
#b5a6e8 rgb(181,166,232)
```
#b3a2ec
```
#b3a2ec rgb(179,162,236)
```
#b19ef0
```
#b19ef0 rgb(177,158,240)
```
#ae99f5
```
#ae99f5 rgb(174,153,245)
```
#ac95f9
```
#ac95f9 rgb(172,149,249)
```
#aa91fd
```
#aa91fd rgb(170,145,253)
```

Tone Color Variation

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

#adb7e3 Protanopia 1% of men
#b5b5df Deuteranopia 1% of men
#b7b8c5 Tritanopia 0.001% of the population

Trichromacy

#b2b4e1 Protanomaly 1% of men, 0.01% of women
#b7b3df Deuteranomaly 6% of men, 0.4% of women
#b8b4ce Tritanomaly 0.01% of the population

#baafdf hex color

#baafdf Color Information

#baafdf Color Conversion

Color Schemes with #baafdf

Alternatives to #baafdf

#baafdf Preview

Shades and Tints of #baafdf

Tones of #baafdf

Color Blindness Simulator