#9687aa hex color

In a RGB color space, hex #9687aa is composed of 58.8% red, 52.9% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 20.6% magenta, 0% yellow and 33.3% black. It has a hue angle of 265.7 degrees, a saturation of 17.1% and a lightness of 59.8%. #9687aa color hex could be obtained by blending #ffffff with #2d0f55. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 59
- G 53
- B 67
RGB color chart
- C 12
- M 21
- Y 0
- K 33
CMYK color chart

● #9687aa color description : Dark grayish violet.

The hexadecimal color #9687aa has RGB values of R:150, G:135, B:170 and CMYK values of C:0.12, M:0.21, Y:0, K:0.33. Its decimal value is 9865130.

Hex triplet	9687aa	`#9687aa`
RGB Decimal	150, 135, 170	`rgb(150,135,170)`
RGB Percent	58.8, 52.9, 66.7	`rgb(58.8%,52.9%,66.7%)`
CMYK	12, 21, 0, 33
HSL	265.7°, 17.1, 59.8	`hsl(265.7,17.1%,59.8%)`
HSV (or HSB)	265.7°, 20.6, 66.7
Web Safe	999999	`#999999`

CIE-LAB	58.709, 12.625, -16.413
XYZ	28.496, 26.714, 41.683
xyY	0.294, 0.276, 26.714
CIE-LCH	58.709, 20.706, 307.567
CIE-LUV	58.709, 5.962, -26.371
Hunter-Lab	51.686, 7.962, -11.635
Binary	10010110, 10000111, 10101010

#9687aa
```
#9687aa rgb(150,135,170)
```
#9baa87
```
#9baa87 rgb(155,170,135)
```

Complementary Color

#878aaa
```
#878aaa rgb(135,138,170)
```
#9687aa
```
#9687aa rgb(150,135,170)
```
#a887aa
```
#a887aa rgb(168,135,170)
```

Analogous Color

#8aaa87
```
#8aaa87 rgb(138,170,135)
```
#9687aa
```
#9687aa rgb(150,135,170)
```
#aaa887
```
#aaa887 rgb(170,168,135)
```

Split Complementary Color

#87aa96
```
#87aa96 rgb(135,170,150)
```
#9687aa
```
#9687aa rgb(150,135,170)
```
#aa9687
```
#aa9687 rgb(170,150,135)
```

Triadic Color

#879baa
```
#879baa rgb(135,155,170)
```
#9687aa
```
#9687aa rgb(150,135,170)
```
#aa9687
```
#aa9687 rgb(170,150,135)
```
#9baa87
```
#9baa87 rgb(155,170,135)
```

Tetradic Color

#6f5f86
```
#6f5f86 rgb(111,95,134)
```
#7c6995
```
#7c6995 rgb(124,105,149)
```
#89789f
```
#89789f rgb(137,120,159)
```
#9687aa
```
#9687aa rgb(150,135,170)
```
#a396b5
```
#a396b5 rgb(163,150,181)
```
#b0a5bf
```
#b0a5bf rgb(176,165,191)
```
#bdb4ca
```
#bdb4ca rgb(189,180,202)
```

Monochromatic Color

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

#8d87aa
```
#8d87aa rgb(141,135,170)
```
#9087aa
```
#9087aa rgb(144,135,170)
```
#9387aa
```
#9387aa rgb(147,135,170)
```
#9687aa
```
#9687aa rgb(150,135,170)
```
#9987aa
```
#9987aa rgb(153,135,170)
```
#9c87aa
```
#9c87aa rgb(156,135,170)
```
#9f87aa
```
#9f87aa rgb(159,135,170)
```

Similar Colors

Text with hexadecimal color #9687aa

This text has a font color of #9687aa.

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

#9687aa background color

This paragraph has a background color of #9687aa.

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

#9687aa border color

This element has a border color of #9687aa.

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

CSS codes

.text {color:#9687aa;}

.background {background-color:#9687aa;}

.border {border:1px solid #9687aa;}

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

#050406
```
#050406 rgb(5,4,6)
```
#0f0d12
```
#0f0d12 rgb(15,13,18)
```
#18151d
```
#18151d rgb(24,21,29)
```
#221d29
```
#221d29 rgb(34,29,41)
```
#2c2534
```
#2c2534 rgb(44,37,52)
```
#352d40
```
#352d40 rgb(53,45,64)
```
#3f354b
```
#3f354b rgb(63,53,75)
```
#483d57
```
#483d57 rgb(72,61,87)
```
#524662
```
#524662 rgb(82,70,98)
```
#5b4e6e
```
#5b4e6e rgb(91,78,110)
```
#655679
```
#655679 rgb(101,86,121)
```
#6f5e85
```
#6f5e85 rgb(111,94,133)
```
#786690
```
#786690 rgb(120,102,144)
```

Shade Color Variation

#82709a
```
#82709a rgb(130,112,154)
```
#8c7ca2
```
#8c7ca2 rgb(140,124,162)
```
#9687aa
```
#9687aa rgb(150,135,170)
```
#a092b2
```
#a092b2 rgb(160,146,178)
```
#aa9eba
```
#aa9eba rgb(170,158,186)
```
#b4a9c2
```
#b4a9c2 rgb(180,169,194)
```
#beb5cb
```
#beb5cb rgb(190,181,203)
```
#c8c0d3
```
#c8c0d3 rgb(200,192,211)
```
#d2ccdb
```
#d2ccdb rgb(210,204,219)
```
#dcd7e3
```
#dcd7e3 rgb(220,215,227)
```
#e6e3eb
```
#e6e3eb rgb(230,227,235)
```
#f0eef3
```
#f0eef3 rgb(240,238,243)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

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

#98979a
```
#98979a rgb(152,151,154)
```
#978fa2
```
#978fa2 rgb(151,143,162)
```
#9687aa
```
#9687aa rgb(150,135,170)
```
#957fb2
```
#957fb2 rgb(149,127,178)
```
#9477ba
```
#9477ba rgb(148,119,186)
```
#936fc2
```
#936fc2 rgb(147,111,194)
```
#9167ca
```
#9167ca rgb(145,103,202)
```
#9060d1
```
#9060d1 rgb(144,96,209)
```
#8f58d9
```
#8f58d9 rgb(143,88,217)
```
#8e50e1
```
#8e50e1 rgb(142,80,225)
```
#8d48e9
```
#8d48e9 rgb(141,72,233)
```
#8c40f1
```
#8c40f1 rgb(140,64,241)
```
#8b38f9
```
#8b38f9 rgb(139,56,249)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#908d94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b91b1 Protanopia 1% of men
#9390ad Deuteranopia 1% of men
#97909b Tritanopia 0.001% of the population

Trichromacy

#8f8dae Protanomaly 1% of men, 0.01% of women
#948cac Deuteranomaly 6% of men, 0.4% of women
#978da0 Tritanomaly 0.01% of the population

#9687aa hex color

#9687aa Color Information

#9687aa Color Conversion

Color Schemes with #9687aa

Alternatives to #9687aa

#9687aa Preview

Shades and Tints of #9687aa

Tones of #9687aa

Color Blindness Simulator