#786888 hex color

In a RGB color space, hex #786888 is composed of 47.1% red, 40.8% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 23.5% magenta, 0% yellow and 46.7% black. It has a hue angle of 270 degrees, a saturation of 13.3% and a lightness of 47.1%. #786888 color hex could be obtained by blending #f0d0ff with #000011. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 47
- G 41
- B 53
RGB color chart
- C 12
- M 24
- Y 0
- K 47
CMYK color chart

● #786888 color description : Dark grayish violet.

The hexadecimal color #786888 has RGB values of R:120, G:104, B:136 and CMYK values of C:0.12, M:0.24, Y:0, K:0.47. Its decimal value is 7891080.

Hex triplet	786888	`#786888`
RGB Decimal	120, 104, 136	`rgb(120,104,136)`
RGB Percent	47.1, 40.8, 53.3	`rgb(47.1%,40.8%,53.3%)`
CMYK	12, 24, 0, 47
HSL	270°, 13.3, 47.1	`hsl(270,13.3%,47.1%)`
HSV (or HSB)	270°, 23.5, 53.3
Web Safe	666699	`#666699`

CIE-LAB	46.54, 12.909, -15.311
XYZ	17.139, 15.671, 25.413
xyY	0.294, 0.269, 15.671
CIE-LCH	46.54, 20.027, 310.136
CIE-LUV	46.54, 6.588, -23.546
Hunter-Lab	39.587, 8.004, -10.351
Binary	01111000, 01101000, 10001000

#786888
```
#786888 rgb(120,104,136)
```
#788868
```
#788868 rgb(120,136,104)
```

Complementary Color

#686888
```
#686888 rgb(104,104,136)
```
#786888
```
#786888 rgb(120,104,136)
```
#886888
```
#886888 rgb(136,104,136)
```

Analogous Color

#688868
```
#688868 rgb(104,136,104)
```
#786888
```
#786888 rgb(120,104,136)
```
#888868
```
#888868 rgb(136,136,104)
```

Split Complementary Color

#688878
```
#688878 rgb(104,136,120)
```
#786888
```
#786888 rgb(120,104,136)
```
#887868
```
#887868 rgb(136,120,104)
```

Triadic Color

#687888
```
#687888 rgb(104,120,136)
```
#786888
```
#786888 rgb(120,104,136)
```
#887868
```
#887868 rgb(136,120,104)
```
#788868
```
#788868 rgb(120,136,104)
```

Tetradic Color

#52475d
```
#52475d rgb(82,71,93)
```
#5f526b
```
#5f526b rgb(95,82,107)
```
#6b5d7a
```
#6b5d7a rgb(107,93,122)
```
#786888
```
#786888 rgb(120,104,136)
```
#857495
```
#857495 rgb(133,116,149)
```
#9283a0
```
#9283a0 rgb(146,131,160)
```
#9e91ab
```
#9e91ab rgb(158,145,171)
```

Monochromatic Color

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

#706888
```
#706888 rgb(112,104,136)
```
#736888
```
#736888 rgb(115,104,136)
```
#756888
```
#756888 rgb(117,104,136)
```
#786888
```
#786888 rgb(120,104,136)
```
#7b6888
```
#7b6888 rgb(123,104,136)
```
#7d6888
```
#7d6888 rgb(125,104,136)
```
#806888
```
#806888 rgb(128,104,136)
```

Similar Colors

Text with hexadecimal color #786888

This text has a font color of #786888.

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

#786888 background color

This paragraph has a background color of #786888.

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

#786888 border color

This element has a border color of #786888.

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

CSS codes

.text {color:#786888;}

.background {background-color:#786888;}

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0c0b0e
```
#0c0b0e rgb(12,11,14)
```
#161319
```
#161319 rgb(22,19,25)
```
#201c24
```
#201c24 rgb(32,28,36)
```
#2a242f
```
#2a242f rgb(42,36,47)
```
#332d3a
```
#332d3a rgb(51,45,58)
```
#3d3545
```
#3d3545 rgb(61,53,69)
```
#473e50
```
#473e50 rgb(71,62,80)
```
#51465c
```
#51465c rgb(81,70,92)
```
#5b4f67
```
#5b4f67 rgb(91,79,103)
```
#645772
```
#645772 rgb(100,87,114)
```
#6e607d
```
#6e607d rgb(110,96,125)
```
#786888
```
#786888 rgb(120,104,136)
```

Shade Color Variation

#827193
```
#827193 rgb(130,113,147)
```
#8c7c9b
```
#8c7c9b rgb(140,124,155)
```
#9587a4
```
#9587a4 rgb(149,135,164)
```
#9f92ac
```
#9f92ac rgb(159,146,172)
```
#a99eb5
```
#a99eb5 rgb(169,158,181)
```
#b3a9bd
```
#b3a9bd rgb(179,169,189)
```
#bdb4c6
```
#bdb4c6 rgb(189,180,198)
```
#c6bfce
```
#c6bfce rgb(198,191,206)
```
#d0cad7
```
#d0cad7 rgb(208,202,215)
```
#dad5df
```
#dad5df rgb(218,213,223)
```
#e4e0e8
```
#e4e0e8 rgb(228,224,232)
```
#eeebf0
```
#eeebf0 rgb(238,235,240)
```
#f8f7f9
```
#f8f7f9 rgb(248,247,249)
```

Tint Color Variation

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

#78717f
```
#78717f rgb(120,113,127)
```
#786888
```
#786888 rgb(120,104,136)
```
#785f91
```
#785f91 rgb(120,95,145)
```
#78569a
```
#78569a rgb(120,86,154)
```
#784ca4
```
#784ca4 rgb(120,76,164)
```
#7843ad
```
#7843ad rgb(120,67,173)
```
#783ab6
```
#783ab6 rgb(120,58,182)
```
#7831bf
```
#7831bf rgb(120,49,191)
```
#7827c9
```
#7827c9 rgb(120,39,201)
```
#781ed2
```
#781ed2 rgb(120,30,210)
```
#7815db
```
#7815db rgb(120,21,219)
```
#780ce4
```
#780ce4 rgb(120,12,228)
```
#7802ee
```
#7802ee rgb(120,2,238)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#726e75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7491 Protanopia 1% of men
#74738d Deuteranopia 1% of men
#7b737b Tritanopia 0.001% of the population

Trichromacy

#71708d Protanomaly 1% of men, 0.01% of women
#756f8b Deuteranomaly 6% of men, 0.4% of women
#7a6f80 Tritanomaly 0.01% of the population

#786888 hex color

#786888 Color Information

#786888 Color Conversion

Color Schemes with #786888

Alternatives to #786888

#786888 Preview

Shades and Tints of #786888

Tones of #786888

Color Blindness Simulator