#baabcc hex color

In a RGB color space, hex #baabcc is composed of 72.9% red, 67.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 8.8% cyan, 16.2% magenta, 0% yellow and 20% black. It has a hue angle of 267.3 degrees, a saturation of 24.4% and a lightness of 73.5%. #baabcc color hex could be obtained by blending #ffffff with #755799. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 67
- B 80
RGB color chart
- C 9
- M 16
- Y 0
- K 20
CMYK color chart

● #baabcc color description : Grayish violet.

The hexadecimal color #baabcc has RGB values of R:186, G:171, B:204 and CMYK values of C:0.09, M:0.16, Y:0, K:0.2. Its decimal value is 12233676.

Hex triplet	baabcc	`#baabcc`
RGB Decimal	186, 171, 204	`rgb(186,171,204)`
RGB Percent	72.9, 67.1, 80	`rgb(72.9%,67.1%,80%)`
CMYK	9, 16, 0, 20
HSL	267.3°, 24.4, 73.5	`hsl(267.3,24.4%,73.5%)`
HSV (or HSB)	267.3°, 16.2, 80
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	72.178, 11.658, -14.796
XYZ	45.71, 43.925, 63.194
xyY	0.299, 0.287, 43.925
CIE-LCH	72.178, 18.837, 308.235
CIE-LUV	72.178, 6.232, -24.604
Hunter-Lab	66.276, 7.127, -10.14
Binary	10111010, 10101011, 11001100

#baabcc
```
#baabcc rgb(186,171,204)
```
#bdccab
```
#bdccab rgb(189,204,171)
```

Complementary Color

#abadcc
```
#abadcc rgb(171,173,204)
```
#baabcc
```
#baabcc rgb(186,171,204)
```
#cbabcc
```
#cbabcc rgb(203,171,204)
```

Analogous Color

#adccab
```
#adccab rgb(173,204,171)
```
#baabcc
```
#baabcc rgb(186,171,204)
```
#cccbab
```
#cccbab rgb(204,203,171)
```

Split Complementary Color

#abccba
```
#abccba rgb(171,204,186)
```
#baabcc
```
#baabcc rgb(186,171,204)
```
#ccbaab
```
#ccbaab rgb(204,186,171)
```

Triadic Color

#abbdcc
```
#abbdcc rgb(171,189,204)
```
#baabcc
```
#baabcc rgb(186,171,204)
```
#ccbaab
```
#ccbaab rgb(204,186,171)
```
#bdccab
```
#bdccab rgb(189,204,171)
```

Tetradic Color

#937baf
```
#937baf rgb(147,123,175)
```
#a08bb9
```
#a08bb9 rgb(160,139,185)
```
#ad9bc2
```
#ad9bc2 rgb(173,155,194)
```
#baabcc
```
#baabcc rgb(186,171,204)
```
#c7bbd6
```
#c7bbd6 rgb(199,187,214)
```
#d4cbdf
```
#d4cbdf rgb(212,203,223)
```
#e1dbe9
```
#e1dbe9 rgb(225,219,233)
```

Monochromatic Color

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

#b2abcc
```
#b2abcc rgb(178,171,204)
```
#b5abcc
```
#b5abcc rgb(181,171,204)
```
#b7abcc
```
#b7abcc rgb(183,171,204)
```
#baabcc
```
#baabcc rgb(186,171,204)
```
#bdabcc
```
#bdabcc rgb(189,171,204)
```
#c0abcc
```
#c0abcc rgb(192,171,204)
```
#c2abcc
```
#c2abcc rgb(194,171,204)
```

Similar Colors

Text with hexadecimal color #baabcc

This text has a font color of #baabcc.

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

#baabcc background color

This paragraph has a background color of #baabcc.

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

#baabcc border color

This element has a border color of #baabcc.

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

CSS codes

.text {color:#baabcc;}

.background {background-color:#baabcc;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0b080e
```
#0b080e rgb(11,8,14)
```
#14101a
```
#14101a rgb(20,16,26)
```
#1e1726
```
#1e1726 rgb(30,23,38)
```
#271f32
```
#271f32 rgb(39,31,50)
```
#31263e
```
#31263e rgb(49,38,62)
```
#3b2d4b
```
#3b2d4b rgb(59,45,75)
```
#443557
```
#443557 rgb(68,53,87)
```
#4e3c63
```
#4e3c63 rgb(78,60,99)
```
#57446f
```
#57446f rgb(87,68,111)
```
#614b7b
```
#614b7b rgb(97,75,123)
```
#6b5288
```
#6b5288 rgb(107,82,136)
```
#745a94
```
#745a94 rgb(116,90,148)
```

Shade Color Variation

#7e62a0
```
#7e62a0 rgb(126,98,160)
```
#886ea7
```
#886ea7 rgb(136,110,167)
```
#927aae
```
#927aae rgb(146,122,174)
```
#9c86b6
```
#9c86b6 rgb(156,134,182)
```
#a693bd
```
#a693bd rgb(166,147,189)
```
#b09fc5
```
#b09fc5 rgb(176,159,197)
```
#baabcc
```
#baabcc rgb(186,171,204)
```
#c4b7d3
```
#c4b7d3 rgb(196,183,211)
```
#cec3db
```
#cec3db rgb(206,195,219)
```
#d8d0e2
```
#d8d0e2 rgb(216,208,226)
```
#e2dcea
```
#e2dcea rgb(226,220,234)
```
#ece8f1
```
#ece8f1 rgb(236,232,241)
```
#f6f4f8
```
#f6f4f8 rgb(246,244,248)
```

Tint Color Variation

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

#bbbbbc
```
#bbbbbc rgb(187,187,188)
```
#bbb5c2
```
#bbb5c2 rgb(187,181,194)
```
#bab0c7
```
#bab0c7 rgb(186,176,199)
```
#baabcc
```
#baabcc rgb(186,171,204)
```
#baa6d1
```
#baa6d1 rgb(186,166,209)
```
#b9a1d6
```
#b9a1d6 rgb(185,161,214)
```
#b99bdc
```
#b99bdc rgb(185,155,220)
```
#b896e1
```
#b896e1 rgb(184,150,225)
```
#b891e6
```
#b891e6 rgb(184,145,230)
```
#b78ceb
```
#b78ceb rgb(183,140,235)
```
#b787f0
```
#b787f0 rgb(183,135,240)
```
#b681f6
```
#b681f6 rgb(182,129,246)
```
#b67cfb
```
#b67cfb rgb(182,124,251)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b4b1b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb3d1 Protanopia 1% of men
#b9b0ce Deuteranopia 1% of men
#bab2be Tritanopia 0.001% of the population

Trichromacy

#b2b0cf Protanomaly 1% of men, 0.01% of women
#b9aecd Deuteranomaly 6% of men, 0.4% of women
#baafc3 Tritanomaly 0.01% of the population

#baabcc hex color

#baabcc Color Information

#baabcc Color Conversion

Color Schemes with #baabcc

Alternatives to #baabcc

#baabcc Preview

Shades and Tints of #baabcc

Tones of #baabcc

Color Blindness Simulator