#686e94 hex color

In a RGB color space, hex #686e94 is composed of 40.8% red, 43.1% green and 58% blue. Whereas in a CMYK color space, it is composed of 29.7% cyan, 25.7% magenta, 0% yellow and 42% black. It has a hue angle of 231.8 degrees, a saturation of 17.5% and a lightness of 49.4%. #686e94 color hex could be obtained by blending #d0dcff with #000029. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 43
- B 58
RGB color chart
- C 30
- M 26
- Y 0
- K 42
CMYK color chart

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

The hexadecimal color #686e94 has RGB values of R:104, G:110, B:148 and CMYK values of C:0.3, M:0.26, Y:0, K:0.42. Its decimal value is 6844052.

Hex triplet	686e94	`#686e94`
RGB Decimal	104, 110, 148	`rgb(104,110,148)`
RGB Percent	40.8, 43.1, 58	`rgb(40.8%,43.1%,58%)`
CMYK	30, 26, 0, 42
HSL	231.8°, 17.5, 49.4	`hsl(231.8,17.5%,49.4%)`
HSV (or HSB)	231.8°, 29.7, 58
Web Safe	666699	`#666699`

CIE-LAB	47.278, 6.898, -21.434
XYZ	16.629, 16.233, 30.272
xyY	0.263, 0.257, 16.233
CIE-LCH	47.278, 22.517, 287.838
CIE-LUV	47.278, -5.102, -31.984
Hunter-Lab	40.29, 3.166, -16.346
Binary	01101000, 01101110, 10010100

#686e94
```
#686e94 rgb(104,110,148)
```
#948e68
```
#948e68 rgb(148,142,104)
```

Complementary Color

#688494
```
#688494 rgb(104,132,148)
```
#686e94
```
#686e94 rgb(104,110,148)
```
#786894
```
#786894 rgb(120,104,148)
```

Analogous Color

#849468
```
#849468 rgb(132,148,104)
```
#686e94
```
#686e94 rgb(104,110,148)
```
#947868
```
#947868 rgb(148,120,104)
```

Split Complementary Color

#6e9468
```
#6e9468 rgb(110,148,104)
```
#686e94
```
#686e94 rgb(104,110,148)
```
#94686e
```
#94686e rgb(148,104,110)
```

Triadic Color

#68948e
```
#68948e rgb(104,148,142)
```
#686e94
```
#686e94 rgb(104,110,148)
```
#94686e
```
#94686e rgb(148,104,110)
```
#948e68
```
#948e68 rgb(148,142,104)
```

Tetradic Color

#484d67
```
#484d67 rgb(72,77,103)
```
#535876
```
#535876 rgb(83,88,118)
```
#5d6385
```
#5d6385 rgb(93,99,133)
```
#686e94
```
#686e94 rgb(104,110,148)
```
#767c9f
```
#767c9f rgb(118,124,159)
```
#858aaa
```
#858aaa rgb(133,138,170)
```
#9499b4
```
#9499b4 rgb(148,153,180)
```

Monochromatic Color

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

#687994
```
#687994 rgb(104,121,148)
```
#687594
```
#687594 rgb(104,117,148)
```
#687294
```
#687294 rgb(104,114,148)
```
#686e94
```
#686e94 rgb(104,110,148)
```
#686a94
```
#686a94 rgb(104,106,148)
```
#696894
```
#696894 rgb(105,104,148)
```
#6d6894
```
#6d6894 rgb(109,104,148)
```

Similar Colors

Text with hexadecimal color #686e94

This text has a font color of #686e94.

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

#686e94 background color

This paragraph has a background color of #686e94.

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

#686e94 border color

This element has a border color of #686e94.

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

CSS codes

.text {color:#686e94;}

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

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

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

#07070a
```
#07070a rgb(7,7,10)
```
#0f1015
```
#0f1015 rgb(15,16,21)
```
#171821
```
#171821 rgb(23,24,33)
```
#1f212c
```
#1f212c rgb(31,33,44)
```
#272a38
```
#272a38 rgb(39,42,56)
```
#2f3243
```
#2f3243 rgb(47,50,67)
```
#373b4f
```
#373b4f rgb(55,59,79)
```
#40435a
```
#40435a rgb(64,67,90)
```
#484c66
```
#484c66 rgb(72,76,102)
```
#505471
```
#505471 rgb(80,84,113)
```
#585d7d
```
#585d7d rgb(88,93,125)
```
#606588
```
#606588 rgb(96,101,136)
```
#686e94
```
#686e94 rgb(104,110,148)
```

Shade Color Variation

#73799d
```
#73799d rgb(115,121,157)
```
#7f84a5
```
#7f84a5 rgb(127,132,165)
```
#8a8fad
```
#8a8fad rgb(138,143,173)
```
#969ab5
```
#969ab5 rgb(150,154,181)
```
#a1a5bd
```
#a1a5bd rgb(161,165,189)
```
#adb0c5
```
#adb0c5 rgb(173,176,197)
```
#b8bbcd
```
#b8bbcd rgb(184,187,205)
```
#c4c6d5
```
#c4c6d5 rgb(196,198,213)
```
#cfd1dd
```
#cfd1dd rgb(207,209,221)
```
#dbdce5
```
#dbdce5 rgb(219,220,229)
```
#e6e7ee
```
#e6e7ee rgb(230,231,238)
```
#f2f2f6
```
#f2f2f6 rgb(242,242,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#7b7c81
```
#7b7c81 rgb(123,124,129)
```
#72758a
```
#72758a rgb(114,117,138)
```
#686e94
```
#686e94 rgb(104,110,148)
```
#5e679e
```
#5e679e rgb(94,103,158)
```
#5560a7
```
#5560a7 rgb(85,96,167)
```
#4b59b1
```
#4b59b1 rgb(75,89,177)
```
#4152bb
```
#4152bb rgb(65,82,187)
```
#384bc4
```
#384bc4 rgb(56,75,196)
```
#2e44ce
```
#2e44ce rgb(46,68,206)
```
#243dd8
```
#243dd8 rgb(36,61,216)
```
#1a36e2
```
#1a36e2 rgb(26,54,226)
```
#112feb
```
#112feb rgb(17,47,235)
```
#0728f5
```
#0728f5 rgb(7,40,245)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6f7078 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d769a Protanopia 1% of men
#6f7599 Deuteranopia 1% of men
#6a7a82 Tritanopia 0.001% of the population

Trichromacy

#6b7397 Protanomaly 1% of men, 0.01% of women
#6c7297 Deuteranomaly 6% of men, 0.4% of women
#697589 Tritanomaly 0.01% of the population

#686e94 hex color

#686e94 Color Information

#686e94 Color Conversion

Color Schemes with #686e94

Alternatives to #686e94

#686e94 Preview

Shades and Tints of #686e94

Tones of #686e94

Color Blindness Simulator