#baafdc hex color

In a RGB color space, hex #baafdc is composed of 72.9% red, 68.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 20.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 254.7 degrees, a saturation of 39.1% and a lightness of 77.5%. #baafdc color hex could be obtained by blending #ffffff with #755fb9. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 69
- B 86
RGB color chart
- C 15
- M 20
- Y 0
- K 14
CMYK color chart

● #baafdc color description : Very soft blue.

The hexadecimal color #baafdc has RGB values of R:186, G:175, B:220 and CMYK values of C:0.15, M:0.2, Y:0, K:0.14. Its decimal value is 12234716.

Hex triplet	baafdc	`#baafdc`
RGB Decimal	186, 175, 220	`rgb(186,175,220)`
RGB Percent	72.9, 68.6, 86.3	`rgb(72.9%,68.6%,86.3%)`
CMYK	15, 20, 0, 14
HSL	254.7°, 39.1, 77.5	`hsl(254.7,39.1%,77.5%)`
HSV (or HSB)	254.7°, 20.5, 86.3
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	73.718, 12.823, -21.22
XYZ	48.496, 46.266, 74.082
xyY	0.287, 0.274, 46.266
CIE-LCH	73.718, 24.793, 301.144
CIE-LUV	73.718, 3.099, -35.189
Hunter-Lab	68.019, 8.231, -16.961
Binary	10111010, 10101111, 11011100

#baafdc
```
#baafdc rgb(186,175,220)
```
#d1dcaf
```
#d1dcaf rgb(209,220,175)
```

Complementary Color

#afbbdc
```
#afbbdc rgb(175,187,220)
```
#baafdc
```
#baafdc rgb(186,175,220)
```
#d1afdc
```
#d1afdc rgb(209,175,220)
```

Analogous Color

#bbdcaf
```
#bbdcaf rgb(187,220,175)
```
#baafdc
```
#baafdc rgb(186,175,220)
```
#dcd1af
```
#dcd1af rgb(220,209,175)
```

Split Complementary Color

#afdcba
```
#afdcba rgb(175,220,186)
```
#baafdc
```
#baafdc rgb(186,175,220)
```
#dcbaaf
```
#dcbaaf rgb(220,186,175)
```

Triadic Color

#afd1dc
```
#afd1dc rgb(175,209,220)
```
#baafdc
```
#baafdc rgb(186,175,220)
```
#dcbaaf
```
#dcbaaf rgb(220,186,175)
```
#d1dcaf
```
#d1dcaf rgb(209,220,175)
```

Tetradic Color

#8c7ac5
```
#8c7ac5 rgb(140,122,197)
```
#9b8ccc
```
#9b8ccc rgb(155,140,204)
```
#ab9dd4
```
#ab9dd4 rgb(171,157,212)
```
#baafdc
```
#baafdc rgb(186,175,220)
```
#c9c1e4
```
#c9c1e4 rgb(201,193,228)
```
#d9d2ec
```
#d9d2ec rgb(217,210,236)
```
#e8e4f3
```
#e8e4f3 rgb(232,228,243)
```

Monochromatic Color

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

#afafdc
```
#afafdc rgb(175,175,220)
```
#b3afdc
```
#b3afdc rgb(179,175,220)
```
#b6afdc
```
#b6afdc rgb(182,175,220)
```
#baafdc
```
#baafdc rgb(186,175,220)
```
#beafdc
```
#beafdc rgb(190,175,220)
```
#c2afdc
```
#c2afdc rgb(194,175,220)
```
#c5afdc
```
#c5afdc rgb(197,175,220)
```

Similar Colors

Text with hexadecimal color #baafdc

This text has a font color of #baafdc.

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

#baafdc background color

This paragraph has a background color of #baafdc.

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

#baafdc border color

This element has a border color of #baafdc.

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

CSS codes

.text {color:#baafdc;}

.background {background-color:#baafdc;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#090710
```
#090710 rgb(9,7,16)
```
#110d1d
```
#110d1d rgb(17,13,29)
```
#19132b
```
#19132b rgb(25,19,43)
```
#201938
```
#201938 rgb(32,25,56)
```
#281f46
```
#281f46 rgb(40,31,70)
```
#302554
```
#302554 rgb(48,37,84)
```
#382b61
```
#382b61 rgb(56,43,97)
```
#40316f
```
#40316f rgb(64,49,111)
```
#48377d
```
#48377d rgb(72,55,125)
```
#503d8a
```
#503d8a rgb(80,61,138)
```
#574298
```
#574298 rgb(87,66,152)
```
#5f48a6
```
#5f48a6 rgb(95,72,166)
```

Shade Color Variation

#684fb2
```
#684fb2 rgb(104,79,178)
```
#735db8
```
#735db8 rgb(115,93,184)
```
#7f6bbe
```
#7f6bbe rgb(127,107,190)
```
#8b78c4
```
#8b78c4 rgb(139,120,196)
```
#9786ca
```
#9786ca rgb(151,134,202)
```
#a294d0
```
#a294d0 rgb(162,148,208)
```
#aea1d6
```
#aea1d6 rgb(174,161,214)
```
#baafdc
```
#baafdc rgb(186,175,220)
```
#c6bde2
```
#c6bde2 rgb(198,189,226)
```
#d2cae8
```
#d2cae8 rgb(210,202,232)
```
#ddd8ee
```
#ddd8ee rgb(221,216,238)
```
#e9e6f4
```
#e9e6f4 rgb(233,230,244)
```
#f5f3fa
```
#f5f3fa rgb(245,243,250)
```

Tint Color Variation

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

#c5c5c6
```
#c5c5c6 rgb(197,197,198)
```
#c3c1ca
```
#c3c1ca rgb(195,193,202)
```
#c1bccf
```
#c1bccf rgb(193,188,207)
```
#bfb8d3
```
#bfb8d3 rgb(191,184,211)
```
#bcb3d8
```
#bcb3d8 rgb(188,179,216)
```
#baafdc
```
#baafdc rgb(186,175,220)
```
#b8abe0
```
#b8abe0 rgb(184,171,224)
```
#b5a6e5
```
#b5a6e5 rgb(181,166,229)
```
#b3a2e9
```
#b3a2e9 rgb(179,162,233)
```
#b19dee
```
#b19dee rgb(177,157,238)
```
#af99f2
```
#af99f2 rgb(175,153,242)
```
#ac94f7
```
#ac94f7 rgb(172,148,247)
```
#aa90fb
```
#aa90fb rgb(170,144,251)
```

Tone Color Variation

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

Dichromacy

#aeb7e0 Protanopia 1% of men
#b7b5dd Deuteranopia 1% of men
#b8b7c4 Tritanopia 0.001% of the population

Trichromacy

#b2b4de Protanomaly 1% of men, 0.01% of women
#b8b3dc Deuteranomaly 6% of men, 0.4% of women
#b9b4cd Tritanomaly 0.01% of the population

#baafdc hex color

#baafdc Color Information

#baafdc Color Conversion

Color Schemes with #baafdc

Alternatives to #baafdc

#baafdc Preview

Shades and Tints of #baafdc

Tones of #baafdc

Color Blindness Simulator