#a286bb hex color

In a RGB color space, hex #a286bb is composed of 63.5% red, 52.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 13.4% cyan, 28.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 271.7 degrees, a saturation of 28% and a lightness of 62.9%. #a286bb color hex could be obtained by blending #ffffff with #450d77. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 64
- G 53
- B 73
RGB color chart
- C 13
- M 28
- Y 0
- K 27
CMYK color chart

● #a286bb color description : Slightly desaturated violet.

The hexadecimal color #a286bb has RGB values of R:162, G:134, B:187 and CMYK values of C:0.13, M:0.28, Y:0, K:0.27. Its decimal value is 10651323.

Hex triplet	a286bb	`#a286bb`
RGB Decimal	162, 134, 187	`rgb(162,134,187)`
RGB Percent	63.5, 52.5, 73.3	`rgb(63.5%,52.5%,73.3%)`
CMYK	13, 28, 0, 27
HSL	271.7°, 28, 62.9	`hsl(271.7,28%,62.9%)`
HSV (or HSB)	271.7°, 28.3, 73.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.177, 20.909, -23.75
XYZ	32.394, 28.32, 50.771
xyY	0.291, 0.254, 28.32
CIE-LCH	60.177, 31.643, 311.359
CIE-LUV	60.177, 11.54, -39.242
Hunter-Lab	53.216, 15.527, -19.314
Binary	10100010, 10000110, 10111011

#a286bb
```
#a286bb rgb(162,134,187)
```
#9fbb86
```
#9fbb86 rgb(159,187,134)
```

Complementary Color

#8886bb
```
#8886bb rgb(136,134,187)
```
#a286bb
```
#a286bb rgb(162,134,187)
```
#bb86ba
```
#bb86ba rgb(187,134,186)
```

Analogous Color

#86bb88
```
#86bb88 rgb(134,187,136)
```
#a286bb
```
#a286bb rgb(162,134,187)
```
#babb86
```
#babb86 rgb(186,187,134)
```

Split Complementary Color

#86bba2
```
#86bba2 rgb(134,187,162)
```
#a286bb
```
#a286bb rgb(162,134,187)
```
#bba286
```
#bba286 rgb(187,162,134)
```

Triadic Color

#869fbb
```
#869fbb rgb(134,159,187)
```
#a286bb
```
#a286bb rgb(162,134,187)
```
#bba286
```
#bba286 rgb(187,162,134)
```
#9fbb86
```
#9fbb86 rgb(159,187,134)
```

Tetradic Color

#7c589d
```
#7c589d rgb(124,88,157)
```
#8965a9
```
#8965a9 rgb(137,101,169)
```
#9576b2
```
#9576b2 rgb(149,118,178)
```
#a286bb
```
#a286bb rgb(162,134,187)
```
#af96c4
```
#af96c4 rgb(175,150,196)
```
#bba7cd
```
#bba7cd rgb(187,167,205)
```
#c8b7d7
```
#c8b7d7 rgb(200,183,215)
```

Monochromatic Color

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

#9586bb
```
#9586bb rgb(149,134,187)
```
#9986bb
```
#9986bb rgb(153,134,187)
```
#9e86bb
```
#9e86bb rgb(158,134,187)
```
#a286bb
```
#a286bb rgb(162,134,187)
```
#a686bb
```
#a686bb rgb(166,134,187)
```
#ab86bb
```
#ab86bb rgb(171,134,187)
```
#af86bb
```
#af86bb rgb(175,134,187)
```

Similar Colors

Text with hexadecimal color #a286bb

This text has a font color of #a286bb.

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

#a286bb background color

This paragraph has a background color of #a286bb.

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

#a286bb border color

This element has a border color of #a286bb.

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

CSS codes

.text {color:#a286bb;}

.background {background-color:#a286bb;}

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0e0a11
```
#0e0a11 rgb(14,10,17)
```
#18111e
```
#18111e rgb(24,17,30)
```
#22182a
```
#22182a rgb(34,24,42)
```
#2b1f37
```
#2b1f37 rgb(43,31,55)
```
#352643
```
#352643 rgb(53,38,67)
```
#3f2d50
```
#3f2d50 rgb(63,45,80)
```
#49345c
```
#49345c rgb(73,52,92)
```
#533b69
```
#533b69 rgb(83,59,105)
```
#5d4276
```
#5d4276 rgb(93,66,118)
```
#674982
```
#674982 rgb(103,73,130)
```
#71508f
```
#71508f rgb(113,80,143)
```
#7b579b
```
#7b579b rgb(123,87,155)
```

Shade Color Variation

#8560a6
```
#8560a6 rgb(133,96,166)
```
#8f6dad
```
#8f6dad rgb(143,109,173)
```
#9879b4
```
#9879b4 rgb(152,121,180)
```
#a286bb
```
#a286bb rgb(162,134,187)
```
#ac93c2
```
#ac93c2 rgb(172,147,194)
```
#b59fc9
```
#b59fc9 rgb(181,159,201)
```
#bfacd0
```
#bfacd0 rgb(191,172,208)
```
#c9b8d7
```
#c9b8d7 rgb(201,184,215)
```
#d2c5de
```
#d2c5de rgb(210,197,222)
```
#dcd1e5
```
#dcd1e5 rgb(220,209,229)
```
#e6deec
```
#e6deec rgb(230,222,236)
```
#efeaf3
```
#efeaf3 rgb(239,234,243)
```
#f9f7fb
```
#f9f7fb rgb(249,247,251)
```

Tint Color Variation

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

#a19ca5
```
#a19ca5 rgb(161,156,165)
```
#a195ac
```
#a195ac rgb(161,149,172)
```
#a28db4
```
#a28db4 rgb(162,141,180)
```
#a286bb
```
#a286bb rgb(162,134,187)
```
#a27fc2
```
#a27fc2 rgb(162,127,194)
```
#a377ca
```
#a377ca rgb(163,119,202)
```
#a370d1
```
#a370d1 rgb(163,112,209)
```
#a469d8
```
#a469d8 rgb(164,105,216)
```
#a462df
```
#a462df rgb(164,98,223)
```
#a45ae7
```
#a45ae7 rgb(164,90,231)
```
#a553ee
```
#a553ee rgb(165,83,238)
```
#a54cf5
```
#a54cf5 rgb(165,76,245)
```
#a645fc
```
#a645fc rgb(166,69,252)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#97919c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8895c4 Protanopia 1% of men
#9094bb Deuteranopia 1% of men
#a0929d Tritanopia 0.001% of the population

Trichromacy

#918fc0 Protanomaly 1% of men, 0.01% of women
#968fbb Deuteranomaly 6% of men, 0.4% of women
#a18ea8 Tritanomaly 0.01% of the population

#a286bb hex color

#a286bb Color Information

#a286bb Color Conversion

Color Schemes with #a286bb

Alternatives to #a286bb

#a286bb Preview

Shades and Tints of #a286bb

Tones of #a286bb

Color Blindness Simulator