#686d8d hex color

In a RGB color space, hex #686d8d is composed of 40.8% red, 42.7% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 22.7% magenta, 0% yellow and 44.7% black. It has a hue angle of 231.9 degrees, a saturation of 15.1% and a lightness of 48%. #686d8d color hex could be obtained by blending #d0daff with #00001b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 43
- B 55
RGB color chart
- C 26
- M 23
- Y 0
- K 45
CMYK color chart

● #686d8d color description : Mostly desaturated dark blue.

The hexadecimal color #686d8d has RGB values of R:104, G:109, B:141 and CMYK values of C:0.26, M:0.23, Y:0, K:0.45. Its decimal value is 6843789.

Hex triplet	686d8d	`#686d8d`
RGB Decimal	104, 109, 141	`rgb(104,109,141)`
RGB Percent	40.8, 42.7, 55.3	`rgb(40.8%,42.7%,55.3%)`
CMYK	26, 23, 0, 45
HSL	231.9°, 15.1, 48	`hsl(231.9,15.1%,48%)`
HSV (or HSB)	231.9°, 26.2, 55.3
Web Safe	666699	`#666699`

CIE-LAB	46.715, 5.663, -18.148
XYZ	15.984, 15.803, 27.406
xyY	0.27, 0.267, 15.803
CIE-LCH	46.715, 19.011, 287.33
CIE-LUV	46.715, -4.327, -26.776
Hunter-Lab	39.753, 2.205, -13.047
Binary	01101000, 01101101, 10001101

#686d8d
```
#686d8d rgb(104,109,141)
```
#8d8868
```
#8d8868 rgb(141,136,104)
```

Complementary Color

#68808d
```
#68808d rgb(104,128,141)
```
#686d8d
```
#686d8d rgb(104,109,141)
```
#76688d
```
#76688d rgb(118,104,141)
```

Analogous Color

#808d68
```
#808d68 rgb(128,141,104)
```
#686d8d
```
#686d8d rgb(104,109,141)
```
#8d7668
```
#8d7668 rgb(141,118,104)
```

Split Complementary Color

#6d8d68
```
#6d8d68 rgb(109,141,104)
```
#686d8d
```
#686d8d rgb(104,109,141)
```
#8d686d
```
#8d686d rgb(141,104,109)
```

Triadic Color

#688d88
```
#688d88 rgb(104,141,136)
```
#686d8d
```
#686d8d rgb(104,109,141)
```
#8d686d
```
#8d686d rgb(141,104,109)
```
#8d8868
```
#8d8868 rgb(141,136,104)
```

Tetradic Color

#484b61
```
#484b61 rgb(72,75,97)
```
#525670
```
#525670 rgb(82,86,112)
```
#5d627e
```
#5d627e rgb(93,98,126)
```
#686d8d
```
#686d8d rgb(104,109,141)
```
#757a99
```
#757a99 rgb(117,122,153)
```
#8488a4
```
#8488a4 rgb(132,136,164)
```
#9396af
```
#9396af rgb(147,150,175)
```

Monochromatic Color

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

#68768d
```
#68768d rgb(104,118,141)
```
#68738d
```
#68738d rgb(104,115,141)
```
#68708d
```
#68708d rgb(104,112,141)
```
#686d8d
```
#686d8d rgb(104,109,141)
```
#686a8d
```
#686a8d rgb(104,106,141)
```
#69688d
```
#69688d rgb(105,104,141)
```
#6c688d
```
#6c688d rgb(108,104,141)
```

Similar Colors

Text with hexadecimal color #686d8d

This text has a font color of #686d8d.

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

#686d8d background color

This paragraph has a background color of #686d8d.

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

#686d8d border color

This element has a border color of #686d8d.

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

CSS codes

.text {color:#686d8d;}

.background {background-color:#686d8d;}

.border {border:1px solid #686d8d;}

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

#040406
```
#040406 rgb(4,4,6)
```
#0c0d11
```
#0c0d11 rgb(12,13,17)
```
#15161c
```
#15161c rgb(21,22,28)
```
#1d1e27
```
#1d1e27 rgb(29,30,39)
```
#252733
```
#252733 rgb(37,39,51)
```
#2e303e
```
#2e303e rgb(46,48,62)
```
#363949
```
#363949 rgb(54,57,73)
```
#3e4155
```
#3e4155 rgb(62,65,85)
```
#474a60
```
#474a60 rgb(71,74,96)
```
#4f536b
```
#4f536b rgb(79,83,107)
```
#575c76
```
#575c76 rgb(87,92,118)
```
#606482
```
#606482 rgb(96,100,130)
```
#686d8d
```
#686d8d rgb(104,109,141)
```

Shade Color Variation

#727797
```
#727797 rgb(114,119,151)
```
#7d829f
```
#7d829f rgb(125,130,159)
```
#888da7
```
#888da7 rgb(136,141,167)
```
#9497b0
```
#9497b0 rgb(148,151,176)
```
#9fa2b8
```
#9fa2b8 rgb(159,162,184)
```
#aaadc0
```
#aaadc0 rgb(170,173,192)
```
#b6b8c9
```
#b6b8c9 rgb(182,184,201)
```
#c1c3d1
```
#c1c3d1 rgb(193,195,209)
```
#ccced9
```
#ccced9 rgb(204,206,217)
```
#d7d9e2
```
#d7d9e2 rgb(215,217,226)
```
#e3e4ea
```
#e3e4ea rgb(227,228,234)
```
#eeeff2
```
#eeeff2 rgb(238,239,242)
```
#f9f9fb
```
#f9f9fb rgb(249,249,251)
```

Tint Color Variation

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

#717484
```
#717484 rgb(113,116,132)
```
#686d8d
```
#686d8d rgb(104,109,141)
```
#5f6696
```
#5f6696 rgb(95,102,150)
```
#555fa0
```
#555fa0 rgb(85,95,160)
```
#4c58a9
```
#4c58a9 rgb(76,88,169)
```
#4251b3
```
#4251b3 rgb(66,81,179)
```
#394bbc
```
#394bbc rgb(57,75,188)
```
#2f44c6
```
#2f44c6 rgb(47,68,198)
```
#263dcf
```
#263dcf rgb(38,61,207)
```
#1d36d8
```
#1d36d8 rgb(29,54,216)
```
#132fe2
```
#132fe2 rgb(19,47,226)
```
#0a28eb
```
#0a28eb rgb(10,40,235)
```
#0021f5
```
#0021f5 rgb(0,33,245)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6e6f75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7593 Protanopia 1% of men
#717493 Deuteranopia 1% of men
#6b7880 Tritanopia 0.001% of the population

Trichromacy

#6b7290 Protanomaly 1% of men, 0.01% of women
#6d7190 Deuteranomaly 6% of men, 0.4% of women
#6a7485 Tritanomaly 0.01% of the population

#686d8d hex color

#686d8d Color Information

#686d8d Color Conversion

Color Schemes with #686d8d

Alternatives to #686d8d

#686d8d Preview

Shades and Tints of #686d8d

Tones of #686d8d

Color Blindness Simulator