#686681 hex color

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

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

● #686681 color description : Dark grayish blue.

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

Hex triplet	686681	`#686681`
RGB Decimal	104, 102, 129	`rgb(104,102,129)`
RGB Percent	40.8, 40, 50.6	`rgb(40.8%,40%,50.6%)`
CMYK	19, 21, 0, 49
HSL	244.4°, 11.7, 45.3	`hsl(244.4,11.7%,45.3%)`
HSV (or HSB)	244.4°, 20.9, 50.6
Web Safe	666699	`#666699`

CIE-LAB	44.277, 6.871, -14.693
XYZ	14.422, 14.031, 22.716
xyY	0.282, 0.274, 14.031
CIE-LCH	44.277, 16.221, 295.062
CIE-LUV	44.277, -0.56, -21.53
Hunter-Lab	37.458, 3.176, -9.736
Binary	01101000, 01100110, 10000001

#686681
```
#686681 rgb(104,102,129)
```
#7f8166
```
#7f8166 rgb(127,129,102)
```

Complementary Color

#667281
```
#667281 rgb(102,114,129)
```
#686681
```
#686681 rgb(104,102,129)
```
#766681
```
#766681 rgb(118,102,129)
```

Analogous Color

#728166
```
#728166 rgb(114,129,102)
```
#686681
```
#686681 rgb(104,102,129)
```
#817666
```
#817666 rgb(129,118,102)
```

Split Complementary Color

#668168
```
#668168 rgb(102,129,104)
```
#686681
```
#686681 rgb(104,102,129)
```
#816866
```
#816866 rgb(129,104,102)
```

Triadic Color

#667f81
```
#667f81 rgb(102,127,129)
```
#686681
```
#686681 rgb(104,102,129)
```
#816866
```
#816866 rgb(129,104,102)
```
#7f8166
```
#7f8166 rgb(127,129,102)
```

Tetradic Color

#464456
```
#464456 rgb(70,68,86)
```
#514f65
```
#514f65 rgb(81,79,101)
```
#5d5b73
```
#5d5b73 rgb(93,91,115)
```
#686681
```
#686681 rgb(104,102,129)
```
#74718f
```
#74718f rgb(116,113,143)
```
#82809a
```
#82809a rgb(130,128,154)
```
#908ea6
```
#908ea6 rgb(144,142,166)
```

Monochromatic Color

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

#666b81
```
#666b81 rgb(102,107,129)
```
#666981
```
#666981 rgb(102,105,129)
```
#666681
```
#666681 rgb(102,102,129)
```
#686681
```
#686681 rgb(104,102,129)
```
#6a6681
```
#6a6681 rgb(106,102,129)
```
#6d6681
```
#6d6681 rgb(109,102,129)
```
#6f6681
```
#6f6681 rgb(111,102,129)
```

Similar Colors

Text with hexadecimal color #686681

This text has a font color of #686681.

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

#686681 background color

This paragraph has a background color of #686681.

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

#686681 border color

This element has a border color of #686681.

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

CSS codes

.text {color:#686681;}

.background {background-color:#686681;}

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

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

#070709
```
#070709 rgb(7,7,9)
```
#100f13
```
#100f13 rgb(16,15,19)
```
#19181e
```
#19181e rgb(25,24,30)
```
#212129
```
#212129 rgb(33,33,41)
```
#2a2934
```
#2a2934 rgb(42,41,52)
```
#33323f
```
#33323f rgb(51,50,63)
```
#3c3b4a
```
#3c3b4a rgb(60,59,74)
```
#454355
```
#454355 rgb(69,67,85)
```
#4e4c60
```
#4e4c60 rgb(78,76,96)
```
#56556b
```
#56556b rgb(86,85,107)
```
#5f5d76
```
#5f5d76 rgb(95,93,118)
```
#686681
```
#686681 rgb(104,102,129)
```
#716f8c
```
#716f8c rgb(113,111,140)
```

Shade Color Variation

#7b7995
```
#7b7995 rgb(123,121,149)
```
#86849e
```
#86849e rgb(134,132,158)
```
#918fa6
```
#918fa6 rgb(145,143,166)
```
#9c9aaf
```
#9c9aaf rgb(156,154,175)
```
#a6a5b8
```
#a6a5b8 rgb(166,165,184)
```
#b1b0c0
```
#b1b0c0 rgb(177,176,192)
```
#bcbbc9
```
#bcbbc9 rgb(188,187,201)
```
#c7c6d2
```
#c7c6d2 rgb(199,198,210)
```
#d1d1da
```
#d1d1da rgb(209,209,218)
```
#dcdce3
```
#dcdce3 rgb(220,220,227)
```
#e7e7ec
```
#e7e7ec rgb(231,231,236)
```
#f2f2f4
```
#f2f2f4 rgb(242,242,244)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #706f78 is the less saturated color, while #1504e3 is the most saturated one.

#706f78
```
#706f78 rgb(112,111,120)
```
#686681
```
#686681 rgb(104,102,129)
```
#605d8a
```
#605d8a rgb(96,93,138)
```
#595493
```
#595493 rgb(89,84,147)
```
#514b9c
```
#514b9c rgb(81,75,156)
```
#4a42a5
```
#4a42a5 rgb(74,66,165)
```
#423aad
```
#423aad rgb(66,58,173)
```
#3b31b6
```
#3b31b6 rgb(59,49,182)
```
#3328bf
```
#3328bf rgb(51,40,191)
```
#2b1fc8
```
#2b1fc8 rgb(43,31,200)
```
#2416d1
```
#2416d1 rgb(36,22,209)
```
#1c0dda
```
#1c0dda rgb(28,13,218)
```
#1504e3
```
#1504e3 rgb(21,4,227)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#6a696f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6f88 Protanopia 1% of men
#6e6e87 Deuteranopia 1% of men
#6c7078 Tritanopia 0.001% of the population

Trichromacy

#696c85 Protanomaly 1% of men, 0.01% of women
#6c6b85 Deuteranomaly 6% of men, 0.4% of women
#6a6c7b Tritanomaly 0.01% of the population

#686681 hex color

#686681 Color Information

#686681 Color Conversion

Color Schemes with #686681

Alternatives to #686681

#686681 Preview

Shades and Tints of #686681

Tones of #686681

Color Blindness Simulator