#786b8a hex color

In a RGB color space, hex #786b8a is composed of 47.1% red, 42% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 13% cyan, 22.5% magenta, 0% yellow and 45.9% black. It has a hue angle of 265.2 degrees, a saturation of 12.7% and a lightness of 48%. #786b8a color hex could be obtained by blending #f0d6ff 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

● #786b8a color description : Dark grayish violet.

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

Hex triplet	786b8a	`#786b8a`
RGB Decimal	120, 107, 138	`rgb(120,107,138)`
RGB Percent	47.1, 42, 54.1	`rgb(47.1%,42%,54.1%)`
CMYK	13, 22, 0, 46
HSL	265.2°, 12.7, 48	`hsl(265.2,12.7%,48%)`
HSV (or HSB)	265.2°, 22.5, 54.1
Web Safe	666699	`#666699`

CIE-LAB	47.422, 11.565, -15.162
XYZ	17.59, 16.344, 26.271
xyY	0.292, 0.271, 16.344
CIE-LCH	47.422, 19.069, 307.336
CIE-LUV	47.422, 5.03, -23.233
Hunter-Lab	40.427, 6.919, -10.23
Binary	01111000, 01101011, 10001010

#786b8a
```
#786b8a rgb(120,107,138)
```
#7d8a6b
```
#7d8a6b rgb(125,138,107)
```

Complementary Color

#6b6e8a
```
#6b6e8a rgb(107,110,138)
```
#786b8a
```
#786b8a rgb(120,107,138)
```
#886b8a
```
#886b8a rgb(136,107,138)
```

Analogous Color

#6e8a6b
```
#6e8a6b rgb(110,138,107)
```
#786b8a
```
#786b8a rgb(120,107,138)
```
#8a886b
```
#8a886b rgb(138,136,107)
```

Split Complementary Color

#6b8a78
```
#6b8a78 rgb(107,138,120)
```
#786b8a
```
#786b8a rgb(120,107,138)
```
#8a786b
```
#8a786b rgb(138,120,107)
```

Triadic Color

#6b7d8a
```
#6b7d8a rgb(107,125,138)
```
#786b8a
```
#786b8a rgb(120,107,138)
```
#8a786b
```
#8a786b rgb(138,120,107)
```
#7d8a6b
```
#7d8a6b rgb(125,138,107)
```

Tetradic Color

#534a5f
```
#534a5f rgb(83,74,95)
```
#5f556d
```
#5f556d rgb(95,85,109)
```
#6c607c
```
#6c607c rgb(108,96,124)
```
#786b8a
```
#786b8a rgb(120,107,138)
```
#857896
```
#857896 rgb(133,120,150)
```
#9286a2
```
#9286a2 rgb(146,134,162)
```
#9f95ad
```
#9f95ad rgb(159,149,173)
```

Monochromatic Color

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

#706b8a
```
#706b8a rgb(112,107,138)
```
#736b8a
```
#736b8a rgb(115,107,138)
```
#756b8a
```
#756b8a rgb(117,107,138)
```
#786b8a
```
#786b8a rgb(120,107,138)
```
#7b6b8a
```
#7b6b8a rgb(123,107,138)
```
#7d6b8a
```
#7d6b8a rgb(125,107,138)
```
#806b8a
```
#806b8a rgb(128,107,138)
```

Similar Colors

Text with hexadecimal color #786b8a

This text has a font color of #786b8a.

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

#786b8a background color

This paragraph has a background color of #786b8a.

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

#786b8a border color

This element has a border color of #786b8a.

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

CSS codes

.text {color:#786b8a;}

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

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

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

#050405
```
#050405 rgb(5,4,5)
```
#0e0d10
```
#0e0d10 rgb(14,13,16)
```
#18151c
```
#18151c rgb(24,21,28)
```
#221e27
```
#221e27 rgb(34,30,39)
```
#2b2632
```
#2b2632 rgb(43,38,50)
```
#352f3d
```
#352f3d rgb(53,47,61)
```
#3e3848
```
#3e3848 rgb(62,56,72)
```
#484053
```
#484053 rgb(72,64,83)
```
#52495e
```
#52495e rgb(82,73,94)
```
#5b5169
```
#5b5169 rgb(91,81,105)
```
#655a74
```
#655a74 rgb(101,90,116)
```
#6e627f
```
#6e627f rgb(110,98,127)
```
#786b8a
```
#786b8a rgb(120,107,138)
```

Shade Color Variation

#827594
```
#827594 rgb(130,117,148)
```
#8c809c
```
#8c809c rgb(140,128,156)
```
#968ba5
```
#968ba5 rgb(150,139,165)
```
#a096ae
```
#a096ae rgb(160,150,174)
```
#aaa1b6
```
#aaa1b6 rgb(170,161,182)
```
#b4acbf
```
#b4acbf rgb(180,172,191)
```
#beb7c7
```
#beb7c7 rgb(190,183,199)
```
#c8c2d0
```
#c8c2d0 rgb(200,194,208)
```
#d2cdd8
```
#d2cdd8 rgb(210,205,216)
```
#dcd8e1
```
#dcd8e1 rgb(220,216,225)
```
#e6e3e9
```
#e6e3e9 rgb(230,227,233)
```
#f0eef2
```
#f0eef2 rgb(240,238,242)
```
#faf9fb
```
#faf9fb rgb(250,249,251)
```

Tint Color Variation

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

#7a7481
```
#7a7481 rgb(122,116,129)
```
#786b8a
```
#786b8a rgb(120,107,138)
```
#766293
```
#766293 rgb(118,98,147)
```
#75589d
```
#75589d rgb(117,88,157)
```
#734fa6
```
#734fa6 rgb(115,79,166)
```
#7245b0
```
#7245b0 rgb(114,69,176)
```
#703cb9
```
#703cb9 rgb(112,60,185)
```
#6f32c3
```
#6f32c3 rgb(111,50,195)
```
#6d29cc
```
#6d29cc rgb(109,41,204)
```
#6c20d5
```
#6c20d5 rgb(108,32,213)
```
#6a16df
```
#6a16df rgb(106,22,223)
```
#690de8
```
#690de8 rgb(105,13,232)
```
#6703f2
```
#6703f2 rgb(103,3,242)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#737177 Atypical Achromatopsia 0.001% of the population

Dichromacy

#707692 Protanopia 1% of men
#76758f Deuteranopia 1% of men
#7b767e Tritanopia 0.001% of the population

Trichromacy

#73728f Protanomaly 1% of men, 0.01% of women
#77718d Deuteranomaly 6% of men, 0.4% of women
#7a7282 Tritanomaly 0.01% of the population

#786b8a hex color

#786b8a Color Information

#786b8a Color Conversion

Color Schemes with #786b8a

Alternatives to #786b8a

#786b8a Preview

Shades and Tints of #786b8a

Tones of #786b8a

Color Blindness Simulator