#baa2cc hex color

In a RGB color space, hex #baa2cc is composed of 72.9% red, 63.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 8.8% cyan, 20.6% magenta, 0% yellow and 20% black. It has a hue angle of 274.3 degrees, a saturation of 29.2% and a lightness of 71.8%. #baa2cc color hex could be obtained by blending #ffffff with #754599. Closest websafe color is: #cc99cc.

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

● #baa2cc color description : Grayish violet.

The hexadecimal color #baa2cc has RGB values of R:186, G:162, B:204 and CMYK values of C:0.09, M:0.21, Y:0, K:0.2. Its decimal value is 12231372.

Hex triplet	baa2cc	`#baa2cc`
RGB Decimal	186, 162, 204	`rgb(186,162,204)`
RGB Percent	72.9, 63.5, 80	`rgb(72.9%,63.5%,80%)`
CMYK	9, 21, 0, 20
HSL	274.3°, 29.2, 71.8	`hsl(274.3,29.2%,71.8%)`
HSV (or HSB)	274.3°, 20.6, 80
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	69.923, 16.63, -18.202
XYZ	44.067, 40.64, 62.646
xyY	0.299, 0.276, 40.64
CIE-LCH	69.923, 24.655, 312.416
CIE-LUV	69.923, 10.549, -30.669
Hunter-Lab	63.749, 11.829, -13.64
Binary	10111010, 10100010, 11001100

#baa2cc
```
#baa2cc rgb(186,162,204)
```
#b4cca2
```
#b4cca2 rgb(180,204,162)
```

Complementary Color

#a5a2cc
```
#a5a2cc rgb(165,162,204)
```
#baa2cc
```
#baa2cc rgb(186,162,204)
```
#cca2c9
```
#cca2c9 rgb(204,162,201)
```

Analogous Color

#a2cca5
```
#a2cca5 rgb(162,204,165)
```
#baa2cc
```
#baa2cc rgb(186,162,204)
```
#c9cca2
```
#c9cca2 rgb(201,204,162)
```

Split Complementary Color

#a2ccba
```
#a2ccba rgb(162,204,186)
```
#baa2cc
```
#baa2cc rgb(186,162,204)
```
#ccbaa2
```
#ccbaa2 rgb(204,186,162)
```

Triadic Color

#a2b4cc
```
#a2b4cc rgb(162,180,204)
```
#baa2cc
```
#baa2cc rgb(186,162,204)
```
#ccbaa2
```
#ccbaa2 rgb(204,186,162)
```
#b4cca2
```
#b4cca2 rgb(180,204,162)
```

Tetradic Color

#9571b1
```
#9571b1 rgb(149,113,177)
```
#a281ba
```
#a281ba rgb(162,129,186)
```
#ae92c3
```
#ae92c3 rgb(174,146,195)
```
#baa2cc
```
#baa2cc rgb(186,162,204)
```
#c6b2d5
```
#c6b2d5 rgb(198,178,213)
```
#d2c3de
```
#d2c3de rgb(210,195,222)
```
#dfd3e7
```
#dfd3e7 rgb(223,211,231)
```

Monochromatic Color

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

#b0a2cc
```
#b0a2cc rgb(176,162,204)
```
#b3a2cc
```
#b3a2cc rgb(179,162,204)
```
#b7a2cc
```
#b7a2cc rgb(183,162,204)
```
#baa2cc
```
#baa2cc rgb(186,162,204)
```
#bea2cc
```
#bea2cc rgb(190,162,204)
```
#c1a2cc
```
#c1a2cc rgb(193,162,204)
```
#c5a2cc
```
#c5a2cc rgb(197,162,204)
```

Similar Colors

Text with hexadecimal color #baa2cc

This text has a font color of #baa2cc.

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

#baa2cc background color

This paragraph has a background color of #baa2cc.

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

#baa2cc border color

This element has a border color of #baa2cc.

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

CSS codes

.text {color:#baa2cc;}

.background {background-color:#baa2cc;}

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

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

#070508
```
#070508 rgb(7,5,8)
```
#110c15
```
#110c15 rgb(17,12,21)
```
#1b1222
```
#1b1222 rgb(27,18,34)
```
#25192e
```
#25192e rgb(37,25,46)
```
#30203b
```
#30203b rgb(48,32,59)
```
#3a2748
```
#3a2748 rgb(58,39,72)
```
#442e54
```
#442e54 rgb(68,46,84)
```
#4e3561
```
#4e3561 rgb(78,53,97)
```
#583c6e
```
#583c6e rgb(88,60,110)
```
#63437a
```
#63437a rgb(99,67,122)
```
#6d4a87
```
#6d4a87 rgb(109,74,135)
```
#775194
```
#775194 rgb(119,81,148)
```
#8158a0
```
#8158a0 rgb(129,88,160)
```

Shade Color Variation

#8b63a9
```
#8b63a9 rgb(139,99,169)
```
#946fb0
```
#946fb0 rgb(148,111,176)
```
#9e7cb7
```
#9e7cb7 rgb(158,124,183)
```
#a789be
```
#a789be rgb(167,137,190)
```
#b195c5
```
#b195c5 rgb(177,149,197)
```
#baa2cc
```
#baa2cc rgb(186,162,204)
```
#c3afd3
```
#c3afd3 rgb(195,175,211)
```
#cdbbda
```
#cdbbda rgb(205,187,218)
```
#d6c8e1
```
#d6c8e1 rgb(214,200,225)
```
#e0d5e8
```
#e0d5e8 rgb(224,213,232)
```
#e9e1ef
```
#e9e1ef rgb(233,225,239)
```
#f2eef6
```
#f2eef6 rgb(242,238,246)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

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

#b8b3bb
```
#b8b3bb rgb(184,179,187)
```
#b8adc1
```
#b8adc1 rgb(184,173,193)
```
#b9a8c6
```
#b9a8c6 rgb(185,168,198)
```
#baa2cc
```
#baa2cc rgb(186,162,204)
```
#bb9cd2
```
#bb9cd2 rgb(187,156,210)
```
#bc97d7
```
#bc97d7 rgb(188,151,215)
```
#bc91dd
```
#bc91dd rgb(188,145,221)
```
#bd8ce2
```
#bd8ce2 rgb(189,140,226)
```
#be86e8
```
#be86e8 rgb(190,134,232)
```
#bf81ed
```
#bf81ed rgb(191,129,237)
```
#c07bf3
```
#c07bf3 rgb(192,123,243)
```
#c076f8
```
#c076f8 rgb(192,118,248)
```
#c170fe
```
#c170fe rgb(193,112,254)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b0acb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6add2 Protanopia 1% of men
#b0abcd Deuteranopia 1% of men
#b9abb7 Tritanopia 0.001% of the population

Trichromacy

#ada9d0 Protanomaly 1% of men, 0.01% of women
#b3a8cc Deuteranomaly 6% of men, 0.4% of women
#b9a7be Tritanomaly 0.01% of the population

#baa2cc hex color

#baa2cc Color Information

#baa2cc Color Conversion

Color Schemes with #baa2cc

Alternatives to #baa2cc

#baa2cc Preview

Shades and Tints of #baa2cc

Tones of #baa2cc

Color Blindness Simulator