#686c81 hex color

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

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

● #686c81 color description : Dark grayish blue.

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

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

CIE-LAB	45.979, 3.25, -12.113
XYZ	15.033, 15.253, 22.92
xyY	0.283, 0.287, 15.253
CIE-LCH	45.979, 12.541, 285.022
CIE-LUV	45.979, -3.269, -17.437
Hunter-Lab	39.055, 0.362, -7.456
Binary	01101000, 01101100, 10000001

#686c81
```
#686c81 rgb(104,108,129)
```
#817d68
```
#817d68 rgb(129,125,104)
```

Complementary Color

#687981
```
#687981 rgb(104,121,129)
```
#686c81
```
#686c81 rgb(104,108,129)
```
#716881
```
#716881 rgb(113,104,129)
```

Analogous Color

#798168
```
#798168 rgb(121,129,104)
```
#686c81
```
#686c81 rgb(104,108,129)
```
#817168
```
#817168 rgb(129,113,104)
```

Split Complementary Color

#6c8168
```
#6c8168 rgb(108,129,104)
```
#686c81
```
#686c81 rgb(104,108,129)
```
#81686c
```
#81686c rgb(129,104,108)
```

Triadic Color

#68817d
```
#68817d rgb(104,129,125)
```
#686c81
```
#686c81 rgb(104,108,129)
```
#81686c
```
#81686c rgb(129,104,108)
```
#817d68
```
#817d68 rgb(129,125,104)
```

Tetradic Color

#464957
```
#464957 rgb(70,73,87)
```
#515465
```
#515465 rgb(81,84,101)
```
#5d6073
```
#5d6073 rgb(93,96,115)
```
#686c81
```
#686c81 rgb(104,108,129)
```
#74788f
```
#74788f rgb(116,120,143)
```
#82869a
```
#82869a rgb(130,134,154)
```
#9093a6
```
#9093a6 rgb(144,147,166)
```

Monochromatic Color

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

#687281
```
#687281 rgb(104,114,129)
```
#687081
```
#687081 rgb(104,112,129)
```
#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)
```

Similar Colors

Text with hexadecimal color #686c81

This text has a font color of #686c81.

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

#686c81 background color

This paragraph has a background color of #686c81.

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

#686c81 border color

This element has a border color of #686c81.

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

CSS codes

.text {color:#686c81;}

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

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

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)
```
#101114
```
#101114 rgb(16,17,20)
```
#191a1f
```
#191a1f rgb(25,26,31)
```
#22232a
```
#22232a rgb(34,35,42)
```
#2b2c35
```
#2b2c35 rgb(43,44,53)
```
#333540
```
#333540 rgb(51,53,64)
```
#3c3f4b
```
#3c3f4b rgb(60,63,75)
```
#454856
```
#454856 rgb(69,72,86)
```
#4e5160
```
#4e5160 rgb(78,81,96)
```
#565a6b
```
#565a6b rgb(86,90,107)
```
#5f6376
```
#5f6376 rgb(95,99,118)
```
#686c81
```
#686c81 rgb(104,108,129)
```
#71758c
```
#71758c rgb(113,117,140)
```

Shade Color Variation

#7b7f95
```
#7b7f95 rgb(123,127,149)
```
#868a9e
```
#868a9e rgb(134,138,158)
```
#9194a6
```
#9194a6 rgb(145,148,166)
```
#9c9faf
```
#9c9faf rgb(156,159,175)
```
#a7aab8
```
#a7aab8 rgb(167,170,184)
```
#b2b4c1
```
#b2b4c1 rgb(178,180,193)
```
#bdbfc9
```
#bdbfc9 rgb(189,191,201)
```
#c7c9d2
```
#c7c9d2 rgb(199,201,210)
```
#d2d4db
```
#d2d4db rgb(210,212,219)
```
#dddee4
```
#dddee4 rgb(221,222,228)
```
#e8e9ec
```
#e8e9ec rgb(232,233,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, #717278 is the less saturated color, while #0529e4 is the most saturated one.

#717278
```
#717278 rgb(113,114,120)
```
#686c81
```
#686c81 rgb(104,108,129)
```
#5f668a
```
#5f668a rgb(95,102,138)
```
#566093
```
#566093 rgb(86,96,147)
```
#4d5a9c
```
#4d5a9c rgb(77,90,156)
```
#4454a5
```
#4454a5 rgb(68,84,165)
```
#3b4eae
```
#3b4eae rgb(59,78,174)
```
#3247b7
```
#3247b7 rgb(50,71,183)
```
#2941c0
```
#2941c0 rgb(41,65,192)
```
#203bc9
```
#203bc9 rgb(32,59,201)
```
#1735d2
```
#1735d2 rgb(23,53,210)
```
#0e2fdb
```
#0e2fdb rgb(14,47,219)
```
#0529e4
```
#0529e4 rgb(5,41,228)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#6c6d71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#707387 Protanopia 1% of men
#757288 Deuteranopia 1% of men
#6d757d Tritanopia 0.001% of the population

Trichromacy

#6d7085 Protanomaly 1% of men, 0.01% of women
#706f85 Deuteranomaly 6% of men, 0.4% of women
#6b717e Tritanomaly 0.01% of the population

#686c81 hex color

#686c81 Color Information

#686c81 Color Conversion

Color Schemes with #686c81

Alternatives to #686c81

#686c81 Preview

Shades and Tints of #686c81

Tones of #686c81

Color Blindness Simulator