#8986c4 hex color

In a RGB color space, hex #8986c4 is composed of 53.7% red, 52.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 30.1% cyan, 31.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 242.9 degrees, a saturation of 34.4% and a lightness of 64.7%. #8986c4 color hex could be obtained by blending #ffffff with #130d89. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 54
- G 53
- B 77
RGB color chart
- C 30
- M 32
- Y 0
- K 23
CMYK color chart

● #8986c4 color description : Slightly desaturated blue.

The hexadecimal color #8986c4 has RGB values of R:137, G:134, B:196 and CMYK values of C:0.3, M:0.32, Y:0, K:0.23. Its decimal value is 9012932.

Hex triplet	8986c4	`#8986c4`
RGB Decimal	137, 134, 196	`rgb(137,134,196)`
RGB Percent	53.7, 52.5, 76.9	`rgb(53.7%,52.5%,76.9%)`
CMYK	30, 32, 0, 23
HSL	242.9°, 34.4, 64.7	`hsl(242.9,34.4%,64.7%)`
HSV (or HSB)	242.9°, 31.6, 76.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	58.371, 15.279, -31.814
XYZ	28.804, 26.354, 55.791
xyY	0.26, 0.238, 26.354
CIE-LCH	58.371, 35.293, 295.653
CIE-LUV	58.371, -2.315, -51.097
Hunter-Lab	51.336, 10.315, -28.5
Binary	10001001, 10000110, 11000100

#8986c4
```
#8986c4 rgb(137,134,196)
```
#c1c486
```
#c1c486 rgb(193,196,134)
```

Complementary Color

#86a2c4
```
#86a2c4 rgb(134,162,196)
```
#8986c4
```
#8986c4 rgb(137,134,196)
```
#a886c4
```
#a886c4 rgb(168,134,196)
```

Analogous Color

#a2c486
```
#a2c486 rgb(162,196,134)
```
#8986c4
```
#8986c4 rgb(137,134,196)
```
#c4a886
```
#c4a886 rgb(196,168,134)
```

Split Complementary Color

#86c489
```
#86c489 rgb(134,196,137)
```
#8986c4
```
#8986c4 rgb(137,134,196)
```
#c48986
```
#c48986 rgb(196,137,134)
```

Triadic Color

#86c1c4
```
#86c1c4 rgb(134,193,196)
```
#8986c4
```
#8986c4 rgb(137,134,196)
```
#c48986
```
#c48986 rgb(196,137,134)
```
#c1c486
```
#c1c486 rgb(193,196,134)
```

Tetradic Color

#5753aa
```
#5753aa rgb(87,83,170)
```
#6864b3
```
#6864b3 rgb(104,100,179)
```
#7875bc
```
#7875bc rgb(120,117,188)
```
#8986c4
```
#8986c4 rgb(137,134,196)
```
#9a97cc
```
#9a97cc rgb(154,151,204)
```
#aaa8d5
```
#aaa8d5 rgb(170,168,213)
```
#bbb9dd
```
#bbb9dd rgb(187,185,221)
```

Monochromatic Color

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

#8693c4
```
#8693c4 rgb(134,147,196)
```
#868dc4
```
#868dc4 rgb(134,141,196)
```
#8688c4
```
#8688c4 rgb(134,136,196)
```
#8986c4
```
#8986c4 rgb(137,134,196)
```
#8e86c4
```
#8e86c4 rgb(142,134,196)
```
#9386c4
```
#9386c4 rgb(147,134,196)
```
#9986c4
```
#9986c4 rgb(153,134,196)
```

Similar Colors

Text with hexadecimal color #8986c4

This text has a font color of #8986c4.

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

#8986c4 background color

This paragraph has a background color of #8986c4.

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

#8986c4 border color

This element has a border color of #8986c4.

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

CSS codes

.text {color:#8986c4;}

.background {background-color:#8986c4;}

.border {border:1px solid #8986c4;}

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, #06050b is the darkest color, while #fdfdfe is the lightest one.

#06050b
```
#06050b rgb(6,5,11)
```
#0c0c18
```
#0c0c18 rgb(12,12,24)
```
#131225
```
#131225 rgb(19,18,37)
```
#1a1932
```
#1a1932 rgb(26,25,50)
```
#211f40
```
#211f40 rgb(33,31,64)
```
#27254d
```
#27254d rgb(39,37,77)
```
#2e2c5a
```
#2e2c5a rgb(46,44,90)
```
#353267
```
#353267 rgb(53,50,103)
```
#3c3974
```
#3c3974 rgb(60,57,116)
```
#423f82
```
#423f82 rgb(66,63,130)
```
#49468f
```
#49468f rgb(73,70,143)
```
#504c9c
```
#504c9c rgb(80,76,156)
```
#5752a9
```
#5752a9 rgb(87,82,169)
```

Shade Color Variation

#625eb1
```
#625eb1 rgb(98,94,177)
```
#6f6cb7
```
#6f6cb7 rgb(111,108,183)
```
#7c79be
```
#7c79be rgb(124,121,190)
```
#8986c4
```
#8986c4 rgb(137,134,196)
```
#9693ca
```
#9693ca rgb(150,147,202)
```
#a3a0d1
```
#a3a0d1 rgb(163,160,209)
```
#b0aed7
```
#b0aed7 rgb(176,174,215)
```
#bcbbde
```
#bcbbde rgb(188,187,222)
```
#c9c8e4
```
#c9c8e4 rgb(201,200,228)
```
#d6d5eb
```
#d6d5eb rgb(214,213,235)
```
#e3e2f1
```
#e3e2f1 rgb(227,226,241)
```
#f0eff7
```
#f0eff7 rgb(240,239,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#a2a2a8
```
#a2a2a8 rgb(162,162,168)
```
#9c9baf
```
#9c9baf rgb(156,155,175)
```
#9694b6
```
#9694b6 rgb(150,148,182)
```
#8f8dbd
```
#8f8dbd rgb(143,141,189)
```
#8986c4
```
#8986c4 rgb(137,134,196)
```
#837fcb
```
#837fcb rgb(131,127,203)
```
#7c78d2
```
#7c78d2 rgb(124,120,210)
```
#7671d9
```
#7671d9 rgb(118,113,217)
```
#706ae0
```
#706ae0 rgb(112,106,224)
```
#6a63e7
```
#6a63e7 rgb(106,99,231)
```
#635cee
```
#635cee rgb(99,92,238)
```
#5d56f4
```
#5d56f4 rgb(93,86,244)
```
#574ffb
```
#574ffb rgb(87,79,251)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#8d8c99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e90c9 Protanopia 1% of men
#7f90c5 Deuteranopia 1% of men
#85949f Tritanopia 0.001% of the population

Trichromacy

#828cc7 Protanomaly 1% of men, 0.01% of women
#838cc4 Deuteranomaly 6% of men, 0.4% of women
#868fac Tritanomaly 0.01% of the population

#8986c4 hex color

#8986c4 Color Information

#8986c4 Color Conversion

Color Schemes with #8986c4

Alternatives to #8986c4

#8986c4 Preview

Shades and Tints of #8986c4

Tones of #8986c4

Color Blindness Simulator