#686881 hex color

In a RGB color space, hex #686881 is composed of 40.8% red, 40.8% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 19.4% magenta, 0% yellow and 49.4% black. It has a hue angle of 240 degrees, a saturation of 10.7% and a lightness of 45.7%. #686881 color hex could be obtained by blending #d0d0ff with #000003. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 41
- B 51
RGB color chart
- C 19
- M 19
- Y 0
- K 49
CMYK color chart

● #686881 color description : Dark grayish blue.

The hexadecimal color #686881 has RGB values of R:104, G:104, B:129 and CMYK values of C:0.19, M:0.19, Y:0, K:0.49. Its decimal value is 6842497.

Hex triplet	686881	`#686881`
RGB Decimal	104, 104, 129	`rgb(104,104,129)`
RGB Percent	40.8, 40.8, 50.6	`rgb(40.8%,40.8%,50.6%)`
CMYK	19, 19, 0, 49
HSL	240°, 10.7, 45.7	`hsl(240,10.7%,45.7%)`
HSV (or HSB)	240°, 19.4, 50.6
Web Safe	666699	`#666699`

CIE-LAB	44.841, 5.659, -13.835
XYZ	14.621, 14.429, 22.782
xyY	0.282, 0.278, 14.429
CIE-LCH	44.841, 14.948, 292.245
CIE-LUV	44.841, -1.458, -20.174
Hunter-Lab	37.985, 2.234, -8.971
Binary	01101000, 01101000, 10000001

#686881
```
#686881 rgb(104,104,129)
```
#818168
```
#818168 rgb(129,129,104)
```

Complementary Color

#687581
```
#687581 rgb(104,117,129)
```
#686881
```
#686881 rgb(104,104,129)
```
#756881
```
#756881 rgb(117,104,129)
```

Analogous Color

#758168
```
#758168 rgb(117,129,104)
```
#686881
```
#686881 rgb(104,104,129)
```
#817568
```
#817568 rgb(129,117,104)
```

Split Complementary Color

#688168
```
#688168 rgb(104,129,104)
```
#686881
```
#686881 rgb(104,104,129)
```
#816868
```
#816868 rgb(129,104,104)
```

Triadic Color

#688181
```
#688181 rgb(104,129,129)
```
#686881
```
#686881 rgb(104,104,129)
```
#816868
```
#816868 rgb(129,104,104)
```
#818168
```
#818168 rgb(129,129,104)
```

Tetradic Color

#464657
```
#464657 rgb(70,70,87)
```
#515165
```
#515165 rgb(81,81,101)
```
#5d5d73
```
#5d5d73 rgb(93,93,115)
```
#686881
```
#686881 rgb(104,104,129)
```
#74748f
```
#74748f rgb(116,116,143)
```
#82829a
```
#82829a rgb(130,130,154)
```
#9090a6
```
#9090a6 rgb(144,144,166)
```

Monochromatic Color

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

#686e81
```
#686e81 rgb(104,110,129)
```
#686c81
```
#686c81 rgb(104,108,129)
```
#686a81
```
#686a81 rgb(104,106,129)
```
#686881
```
#686881 rgb(104,104,129)
```
#6a6881
```
#6a6881 rgb(106,104,129)
```
#6c6881
```
#6c6881 rgb(108,104,129)
```
#6e6881
```
#6e6881 rgb(110,104,129)
```

Similar Colors

Text with hexadecimal color #686881

This text has a font color of #686881.

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

#686881 background color

This paragraph has a background color of #686881.

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

#686881 border color

This element has a border color of #686881.

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

CSS codes

.text {color:#686881;}

.background {background-color:#686881;}

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

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

#08080a
```
#08080a rgb(8,8,10)
```
#101014
```
#101014 rgb(16,16,20)
```
#19191f
```
#19191f rgb(25,25,31)
```
#22222a
```
#22222a rgb(34,34,42)
```
#2b2b35
```
#2b2b35 rgb(43,43,53)
```
#333340
```
#333340 rgb(51,51,64)
```
#3c3c4b
```
#3c3c4b rgb(60,60,75)
```
#454556
```
#454556 rgb(69,69,86)
```
#4e4e60
```
#4e4e60 rgb(78,78,96)
```
#56566b
```
#56566b rgb(86,86,107)
```
#5f5f76
```
#5f5f76 rgb(95,95,118)
```
#686881
```
#686881 rgb(104,104,129)
```
#71718c
```
#71718c rgb(113,113,140)
```

Shade Color Variation

#7b7b95
```
#7b7b95 rgb(123,123,149)
```
#86869e
```
#86869e rgb(134,134,158)
```
#9191a6
```
#9191a6 rgb(145,145,166)
```
#9c9caf
```
#9c9caf rgb(156,156,175)
```
#a7a7b8
```
#a7a7b8 rgb(167,167,184)
```
#b2b2c1
```
#b2b2c1 rgb(178,178,193)
```
#bdbdc9
```
#bdbdc9 rgb(189,189,201)
```
#c7c7d2
```
#c7c7d2 rgb(199,199,210)
```
#d2d2db
```
#d2d2db rgb(210,210,219)
```
#dddde4
```
#dddde4 rgb(221,221,228)
```
#e8e8ec
```
#e8e8ec rgb(232,232,236)
```
#f3f3f5
```
#f3f3f5 rgb(243,243,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#717178
```
#717178 rgb(113,113,120)
```
#686881
```
#686881 rgb(104,104,129)
```
#5f5f8a
```
#5f5f8a rgb(95,95,138)
```
#565693
```
#565693 rgb(86,86,147)
```
#4d4d9c
```
#4d4d9c rgb(77,77,156)
```
#4444a5
```
#4444a5 rgb(68,68,165)
```
#3b3bae
```
#3b3bae rgb(59,59,174)
```
#3232b7
```
#3232b7 rgb(50,50,183)
```
#2929c0
```
#2929c0 rgb(41,41,192)
```
#2020c9
```
#2020c9 rgb(32,32,201)
```
#1717d2
```
#1717d2 rgb(23,23,210)
```
#0e0edb
```
#0e0edb rgb(14,14,219)
```
#0505e4
```
#0505e4 rgb(5,5,228)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#6a6a6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7088 Protanopia 1% of men
#706f87 Deuteranopia 1% of men
#6d727a Tritanopia 0.001% of the population

Trichromacy

#6a6d85 Protanomaly 1% of men, 0.01% of women
#6d6c85 Deuteranomaly 6% of men, 0.4% of women
#6b6e7c Tritanomaly 0.01% of the population

#686881 hex color

#686881 Color Information

#686881 Color Conversion

Color Schemes with #686881

Alternatives to #686881

#686881 Preview

Shades and Tints of #686881

Tones of #686881

Color Blindness Simulator