#686077 hex color

In a RGB color space, hex #686077 is composed of 40.8% red, 37.6% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 12.6% cyan, 19.3% magenta, 0% yellow and 53.3% black. It has a hue angle of 260.9 degrees, a saturation of 10.7% and a lightness of 42.2%. #686077 color hex could be obtained by blending #d0c0ee with #000000. Closest websafe color is: #666666.

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

● #686077 color description : Dark grayish violet.

The hexadecimal color #686077 has RGB values of R:104, G:96, B:119 and CMYK values of C:0.13, M:0.19, Y:0, K:0.53. Its decimal value is 6840439.

Hex triplet	686077	`#686077`
RGB Decimal	104, 96, 119	`rgb(104,96,119)`
RGB Percent	40.8, 37.6, 46.7	`rgb(40.8%,37.6%,46.7%)`
CMYK	13, 19, 0, 53
HSL	260.9°, 10.7, 42.2	`hsl(260.9,10.7%,42.2%)`
HSV (or HSB)	260.9°, 19.3, 46.7
Web Safe	666666	`#666666`

CIE-LAB	42.217, 8.132, -11.77
XYZ	13.221, 12.641, 19.195
xyY	0.293, 0.281, 12.641
CIE-LCH	42.217, 14.306, 304.643
CIE-LUV	42.217, 2.873, -17.273
Hunter-Lab	35.554, 4.158, -7.122
Binary	01101000, 01100000, 01110111

#686077
```
#686077 rgb(104,96,119)
```
#6f7760
```
#6f7760 rgb(111,119,96)
```

Complementary Color

#606477
```
#606477 rgb(96,100,119)
```
#686077
```
#686077 rgb(104,96,119)
```
#746077
```
#746077 rgb(116,96,119)
```

Analogous Color

#647760
```
#647760 rgb(100,119,96)
```
#686077
```
#686077 rgb(104,96,119)
```
#777460
```
#777460 rgb(119,116,96)
```

Split Complementary Color

#607768
```
#607768 rgb(96,119,104)
```
#686077
```
#686077 rgb(104,96,119)
```
#776860
```
#776860 rgb(119,104,96)
```

Triadic Color

#606f77
```
#606f77 rgb(96,111,119)
```
#686077
```
#686077 rgb(104,96,119)
```
#776860
```
#776860 rgb(119,104,96)
```
#6f7760
```
#6f7760 rgb(111,119,96)
```

Tetradic Color

#433e4d
```
#433e4d rgb(67,62,77)
```
#4f495b
```
#4f495b rgb(79,73,91)
```
#5c5569
```
#5c5569 rgb(92,85,105)
```
#686077
```
#686077 rgb(104,96,119)
```
#746b85
```
#746b85 rgb(116,107,133)
```
#817892
```
#817892 rgb(129,120,146)
```
#8e869d
```
#8e869d rgb(142,134,157)
```

Monochromatic Color

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

#626077
```
#626077 rgb(98,96,119)
```
#646077
```
#646077 rgb(100,96,119)
```
#666077
```
#666077 rgb(102,96,119)
```
#686077
```
#686077 rgb(104,96,119)
```
#6a6077
```
#6a6077 rgb(106,96,119)
```
#6c6077
```
#6c6077 rgb(108,96,119)
```
#6e6077
```
#6e6077 rgb(110,96,119)
```

Similar Colors

Text with hexadecimal color #686077

This text has a font color of #686077.

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

#686077 background color

This paragraph has a background color of #686077.

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

#686077 border color

This element has a border color of #686077.

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

CSS codes

.text {color:#686077;}

.background {background-color:#686077;}

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

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, #09080a is the darkest color, while #ffffff is the lightest one.

#09080a
```
#09080a rgb(9,8,10)
```
#131115
```
#131115 rgb(19,17,21)
```
#1c1a20
```
#1c1a20 rgb(28,26,32)
```
#26232b
```
#26232b rgb(38,35,43)
```
#2f2b36
```
#2f2b36 rgb(47,43,54)
```
#393441
```
#393441 rgb(57,52,65)
```
#423d4c
```
#423d4c rgb(66,61,76)
```
#4c4656
```
#4c4656 rgb(76,70,86)
```
#554e61
```
#554e61 rgb(85,78,97)
```
#5f576c
```
#5f576c rgb(95,87,108)
```
#686077
```
#686077 rgb(104,96,119)
```
#716982
```
#716982 rgb(113,105,130)
```
#7b728d
```
#7b728d rgb(123,114,141)
```

Shade Color Variation

#857c96
```
#857c96 rgb(133,124,150)
```
#8f879e
```
#8f879e rgb(143,135,158)
```
#9992a7
```
#9992a7 rgb(153,146,167)
```
#a39db0
```
#a39db0 rgb(163,157,176)
```
#aea8b9
```
#aea8b9 rgb(174,168,185)
```
#b8b3c1
```
#b8b3c1 rgb(184,179,193)
```
#c2bdca
```
#c2bdca rgb(194,189,202)
```
#ccc8d3
```
#ccc8d3 rgb(204,200,211)
```
#d6d3dc
```
#d6d3dc rgb(214,211,220)
```
#e0dee4
```
#e0dee4 rgb(224,222,228)
```
#eae9ed
```
#eae9ed rgb(234,233,237)
```
#f4f4f6
```
#f4f4f6 rgb(244,244,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b686f is the less saturated color, while #4c05d2 is the most saturated one.

#6b686f
```
#6b686f rgb(107,104,111)
```
#686077
```
#686077 rgb(104,96,119)
```
#65587f
```
#65587f rgb(101,88,127)
```
#634f88
```
#634f88 rgb(99,79,136)
```
#604790
```
#604790 rgb(96,71,144)
```
#5e3f98
```
#5e3f98 rgb(94,63,152)
```
#5b37a0
```
#5b37a0 rgb(91,55,160)
```
#592ea9
```
#592ea9 rgb(89,46,169)
```
#5626b1
```
#5626b1 rgb(86,38,177)
```
#541eb9
```
#541eb9 rgb(84,30,185)
```
#5116c1
```
#5116c1 rgb(81,22,193)
```
#4f0dca
```
#4f0dca rgb(79,13,202)
```
#4c05d2
```
#4c05d2 rgb(76,5,210)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#666469 Atypical Achromatopsia 0.001% of the population

Dichromacy

#666a7f Protanopia 1% of men
#6c697d Deuteranopia 1% of men
#6d6a72 Tritanopia 0.001% of the population

Trichromacy

#67667c Protanomaly 1% of men, 0.01% of women
#6a657b Deuteranomaly 6% of men, 0.4% of women
#6b6673 Tritanomaly 0.01% of the population

#686077 hex color

#686077 Color Information

#686077 Color Conversion

Color Schemes with #686077

Alternatives to #686077

#686077 Preview

Shades and Tints of #686077

Tones of #686077

Color Blindness Simulator