#baabdd hex color

In a RGB color space, hex #baabdd is composed of 72.9% red, 67.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 22.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 258 degrees, a saturation of 42.4% and a lightness of 76.9%. #baabdd color hex could be obtained by blending #ffffff with #7557bb. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 67
- B 87
RGB color chart
- C 16
- M 23
- Y 0
- K 13
CMYK color chart

● #baabdd color description : Very soft violet.

The hexadecimal color #baabdd has RGB values of R:186, G:171, B:221 and CMYK values of C:0.16, M:0.23, Y:0, K:0.13. Its decimal value is 12233693.

Hex triplet	baabdd	`#baabdd`
RGB Decimal	186, 171, 221	`rgb(186,171,221)`
RGB Percent	72.9, 67.1, 86.7	`rgb(72.9%,67.1%,86.7%)`
CMYK	16, 23, 0, 13
HSL	258°, 42.4, 76.9	`hsl(258,42.4%,76.9%)`
HSV (or HSB)	258°, 22.6, 86.7
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	72.75, 15.244, -23.239
XYZ	47.861, 44.785, 74.526
xyY	0.286, 0.268, 44.785
CIE-LCH	72.75, 27.792, 303.264
CIE-LUV	72.75, 4.853, -38.779
Hunter-Lab	66.922, 10.547, -19.181
Binary	10111010, 10101011, 11011101

#baabdd
```
#baabdd rgb(186,171,221)
```
#ceddab
```
#ceddab rgb(206,221,171)
```

Complementary Color

#abb5dd
```
#abb5dd rgb(171,181,221)
```
#baabdd
```
#baabdd rgb(186,171,221)
```
#d3abdd
```
#d3abdd rgb(211,171,221)
```

Analogous Color

#b5ddab
```
#b5ddab rgb(181,221,171)
```
#baabdd
```
#baabdd rgb(186,171,221)
```
#ddd3ab
```
#ddd3ab rgb(221,211,171)
```

Split Complementary Color

#abddba
```
#abddba rgb(171,221,186)
```
#baabdd
```
#baabdd rgb(186,171,221)
```
#ddbaab
```
#ddbaab rgb(221,186,171)
```

Triadic Color

#abcedd
```
#abcedd rgb(171,206,221)
```
#baabdd
```
#baabdd rgb(186,171,221)
```
#ddbaab
```
#ddbaab rgb(221,186,171)
```
#ceddab
```
#ceddab rgb(206,221,171)
```

Tetradic Color

#8d75c7
```
#8d75c7 rgb(141,117,199)
```
#9c87ce
```
#9c87ce rgb(156,135,206)
```
#ab99d6
```
#ab99d6 rgb(171,153,214)
```
#baabdd
```
#baabdd rgb(186,171,221)
```
#c9bde4
```
#c9bde4 rgb(201,189,228)
```
#d8cfec
```
#d8cfec rgb(216,207,236)
```
#e7e1f3
```
#e7e1f3 rgb(231,225,243)
```

Monochromatic Color

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

#aeabdd
```
#aeabdd rgb(174,171,221)
```
#b2abdd
```
#b2abdd rgb(178,171,221)
```
#b6abdd
```
#b6abdd rgb(182,171,221)
```
#baabdd
```
#baabdd rgb(186,171,221)
```
#beabdd
```
#beabdd rgb(190,171,221)
```
#c2abdd
```
#c2abdd rgb(194,171,221)
```
#c7abdd
```
#c7abdd rgb(199,171,221)
```

Similar Colors

Text with hexadecimal color #baabdd

This text has a font color of #baabdd.

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

#baabdd background color

This paragraph has a background color of #baabdd.

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

#baabdd border color

This element has a border color of #baabdd.

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

CSS codes

.text {color:#baabdd;}

.background {background-color:#baabdd;}

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

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, #08060e is the darkest color, while #ffffff is the lightest one.

#08060e
```
#08060e rgb(8,6,14)
```
#100b1c
```
#100b1c rgb(16,11,28)
```
#18112a
```
#18112a rgb(24,17,42)
```
#201738
```
#201738 rgb(32,23,56)
```
#291c46
```
#291c46 rgb(41,28,70)
```
#312254
```
#312254 rgb(49,34,84)
```
#392762
```
#392762 rgb(57,39,98)
```
#412d6f
```
#412d6f rgb(65,45,111)
```
#49337d
```
#49337d rgb(73,51,125)
```
#51388b
```
#51388b rgb(81,56,139)
```
#593e99
```
#593e99 rgb(89,62,153)
```
#6244a7
```
#6244a7 rgb(98,68,167)
```
#6a49b5
```
#6a49b5 rgb(106,73,181)
```

Shade Color Variation

#7557bb
```
#7557bb rgb(117,87,187)
```
#8165c1
```
#8165c1 rgb(129,101,193)
```
#8c73c6
```
#8c73c6 rgb(140,115,198)
```
#9881cc
```
#9881cc rgb(152,129,204)
```
#a38fd2
```
#a38fd2 rgb(163,143,210)
```
#af9dd7
```
#af9dd7 rgb(175,157,215)
```
#baabdd
```
#baabdd rgb(186,171,221)
```
#c5b9e3
```
#c5b9e3 rgb(197,185,227)
```
#d1c7e8
```
#d1c7e8 rgb(209,199,232)
```
#dcd5ee
```
#dcd5ee rgb(220,213,238)
```
#e8e3f4
```
#e8e3f4 rgb(232,227,244)
```
#f3f1f9
```
#f3f1f9 rgb(243,241,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c3c2c6
```
#c3c2c6 rgb(195,194,198)
```
#c1bdcb
```
#c1bdcb rgb(193,189,203)
```
#bfb9cf
```
#bfb9cf rgb(191,185,207)
```
#beb4d4
```
#beb4d4 rgb(190,180,212)
```
#bcb0d8
```
#bcb0d8 rgb(188,176,216)
```
#baabdd
```
#baabdd rgb(186,171,221)
```
#b8a6e2
```
#b8a6e2 rgb(184,166,226)
```
#b6a2e6
```
#b6a2e6 rgb(182,162,230)
```
#b59deb
```
#b59deb rgb(181,157,235)
```
#b399ef
```
#b399ef rgb(179,153,239)
```
#b194f4
```
#b194f4 rgb(177,148,244)
```
#af90f8
```
#af90f8 rgb(175,144,248)
```
#ad8bfd
```
#ad8bfd rgb(173,139,253)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b6b3bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab4e2 Protanopia 1% of men
#b2b3dd Deuteranopia 1% of men
#b7b4c1 Tritanopia 0.001% of the population

Trichromacy

#b0b1e0 Protanomaly 1% of men, 0.01% of women
#b5b0dd Deuteranomaly 6% of men, 0.4% of women
#b8b1cb Tritanomaly 0.01% of the population

#baabdd hex color

#baabdd Color Information

#baabdd Color Conversion

Color Schemes with #baabdd

Alternatives to #baabdd

#baabdd Preview

Shades and Tints of #baabdd

Tones of #baabdd

Color Blindness Simulator