#786c8a hex color

In a RGB color space, hex #786c8a is composed of 47.1% red, 42.4% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 13% cyan, 21.7% magenta, 0% yellow and 45.9% black. It has a hue angle of 264 degrees, a saturation of 12.2% and a lightness of 48.2%. #786c8a color hex could be obtained by blending #f0d8ff with #000015. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 47
- G 42
- B 54
RGB color chart
- C 13
- M 22
- Y 0
- K 46
CMYK color chart

● #786c8a color description : Dark grayish violet.

The hexadecimal color #786c8a has RGB values of R:120, G:108, B:138 and CMYK values of C:0.13, M:0.22, Y:0, K:0.46. Its decimal value is 7892106.

Hex triplet	786c8a	`#786c8a`
RGB Decimal	120, 108, 138	`rgb(120,108,138)`
RGB Percent	47.1, 42.4, 54.1	`rgb(47.1%,42.4%,54.1%)`
CMYK	13, 22, 0, 46
HSL	264°, 12.2, 48.2	`hsl(264,12.2%,48.2%)`
HSV (or HSB)	264°, 21.7, 54.1
Web Safe	666699	`#666699`

CIE-LAB	47.692, 10.966, -14.751
XYZ	17.695, 16.553, 26.306
xyY	0.292, 0.273, 16.553
CIE-LCH	47.692, 18.38, 306.626
CIE-LUV	47.692, 4.57, -22.57
Hunter-Lab	40.686, 6.433, -9.855
Binary	01111000, 01101100, 10001010

#786c8a
```
#786c8a rgb(120,108,138)
```
#7e8a6c
```
#7e8a6c rgb(126,138,108)
```

Complementary Color

#6c6f8a
```
#6c6f8a rgb(108,111,138)
```
#786c8a
```
#786c8a rgb(120,108,138)
```
#876c8a
```
#876c8a rgb(135,108,138)
```

Analogous Color

#6f8a6c
```
#6f8a6c rgb(111,138,108)
```
#786c8a
```
#786c8a rgb(120,108,138)
```
#8a876c
```
#8a876c rgb(138,135,108)
```

Split Complementary Color

#6c8a78
```
#6c8a78 rgb(108,138,120)
```
#786c8a
```
#786c8a rgb(120,108,138)
```
#8a786c
```
#8a786c rgb(138,120,108)
```

Triadic Color

#6c7e8a
```
#6c7e8a rgb(108,126,138)
```
#786c8a
```
#786c8a rgb(120,108,138)
```
#8a786c
```
#8a786c rgb(138,120,108)
```
#7e8a6c
```
#7e8a6c rgb(126,138,108)
```

Tetradic Color

#534a5f
```
#534a5f rgb(83,74,95)
```
#5f566d
```
#5f566d rgb(95,86,109)
```
#6c617c
```
#6c617c rgb(108,97,124)
```
#786c8a
```
#786c8a rgb(120,108,138)
```
#857996
```
#857996 rgb(133,121,150)
```
#9288a1
```
#9288a1 rgb(146,136,161)
```
#9f96ad
```
#9f96ad rgb(159,150,173)
```

Monochromatic Color

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

#716c8a
```
#716c8a rgb(113,108,138)
```
#736c8a
```
#736c8a rgb(115,108,138)
```
#766c8a
```
#766c8a rgb(118,108,138)
```
#786c8a
```
#786c8a rgb(120,108,138)
```
#7b6c8a
```
#7b6c8a rgb(123,108,138)
```
#7d6c8a
```
#7d6c8a rgb(125,108,138)
```
#806c8a
```
#806c8a rgb(128,108,138)
```

Similar Colors

Text with hexadecimal color #786c8a

This text has a font color of #786c8a.

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

#786c8a background color

This paragraph has a background color of #786c8a.

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

#786c8a border color

This element has a border color of #786c8a.

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

CSS codes

.text {color:#786c8a;}

.background {background-color:#786c8a;}

.border {border:1px solid #786c8a;}

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

#050506
```
#050506 rgb(5,5,6)
```
#0f0d11
```
#0f0d11 rgb(15,13,17)
```
#18161c
```
#18161c rgb(24,22,28)
```
#221e27
```
#221e27 rgb(34,30,39)
```
#2b2732
```
#2b2732 rgb(43,39,50)
```
#35303d
```
#35303d rgb(53,48,61)
```
#3f3848
```
#3f3848 rgb(63,56,72)
```
#484153
```
#484153 rgb(72,65,83)
```
#524a5e
```
#524a5e rgb(82,74,94)
```
#5b5269
```
#5b5269 rgb(91,82,105)
```
#655b74
```
#655b74 rgb(101,91,116)
```
#6e637f
```
#6e637f rgb(110,99,127)
```
#786c8a
```
#786c8a rgb(120,108,138)
```

Shade Color Variation

#827694
```
#827694 rgb(130,118,148)
```
#8c819c
```
#8c819c rgb(140,129,156)
```
#968ca5
```
#968ca5 rgb(150,140,165)
```
#a097ae
```
#a097ae rgb(160,151,174)
```
#aaa2b6
```
#aaa2b6 rgb(170,162,182)
```
#b4adbf
```
#b4adbf rgb(180,173,191)
```
#beb8c7
```
#beb8c7 rgb(190,184,199)
```
#c8c3d0
```
#c8c3d0 rgb(200,195,208)
```
#d2ced9
```
#d2ced9 rgb(210,206,217)
```
#dcd9e1
```
#dcd9e1 rgb(220,217,225)
```
#e6e4ea
```
#e6e4ea rgb(230,228,234)
```
#f0eff2
```
#f0eff2 rgb(240,239,242)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

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

#7a7581
```
#7a7581 rgb(122,117,129)
```
#786c8a
```
#786c8a rgb(120,108,138)
```
#766393
```
#766393 rgb(118,99,147)
```
#74599d
```
#74599d rgb(116,89,157)
```
#7250a6
```
#7250a6 rgb(114,80,166)
```
#7046b0
```
#7046b0 rgb(112,70,176)
```
#6f3db9
```
#6f3db9 rgb(111,61,185)
```
#6d33c3
```
#6d33c3 rgb(109,51,195)
```
#6b2acc
```
#6b2acc rgb(107,42,204)
```
#6920d6
```
#6920d6 rgb(105,32,214)
```
#6717df
```
#6717df rgb(103,23,223)
```
#650de9
```
#650de9 rgb(101,13,233)
```
#6304f2
```
#6304f2 rgb(99,4,242)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#747278 Atypical Achromatopsia 0.001% of the population

Dichromacy

#717792 Protanopia 1% of men
#77768f Deuteranopia 1% of men
#7b767f Tritanopia 0.001% of the population

Trichromacy

#74738f Protanomaly 1% of men, 0.01% of women
#77728d Deuteranomaly 6% of men, 0.4% of women
#7a7283 Tritanomaly 0.01% of the population

#786c8a hex color

#786c8a Color Information

#786c8a Color Conversion

Color Schemes with #786c8a

Alternatives to #786c8a

#786c8a Preview

Shades and Tints of #786c8a

Tones of #786c8a

Color Blindness Simulator