#686e75 hex color

In a RGB color space, hex #686e75 is composed of 40.8% red, 43.1% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 11.1% cyan, 6% magenta, 0% yellow and 54.1% black. It has a hue angle of 212.3 degrees, a saturation of 5.9% and a lightness of 43.3%. #686e75 color hex could be obtained by blending #d0dcea with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 43
- B 46
RGB color chart
- C 11
- M 6
- Y 0
- K 54
CMYK color chart

● #686e75 color description : Dark grayish blue.

The hexadecimal color #686e75 has RGB values of R:104, G:110, B:117 and CMYK values of C:0.11, M:0.06, Y:0, K:0.54. Its decimal value is 6844021.

Hex triplet	686e75	`#686e75`
RGB Decimal	104, 110, 117	`rgb(104,110,117)`
RGB Percent	40.8, 43.1, 45.9	`rgb(40.8%,43.1%,45.9%)`
CMYK	11, 6, 0, 54
HSL	212.3°, 5.9, 43.3	`hsl(212.3,5.9%,43.3%)`
HSV (or HSB)	212.3°, 11.1, 45.9
Web Safe	666666	`#666666`

CIE-LAB	46.149, -0.749, -4.674
XYZ	14.495, 15.379, 19.033
xyY	0.296, 0.314, 15.379
CIE-LCH	46.149, 4.734, 260.893
CIE-LUV	46.149, -3.618, -6.267
Hunter-Lab	39.216, -2.651, -1.325
Binary	01101000, 01101110, 01110101

#686e75
```
#686e75 rgb(104,110,117)
```
#756f68
```
#756f68 rgb(117,111,104)
```

Complementary Color

#687575
```
#687575 rgb(104,117,117)
```
#686e75
```
#686e75 rgb(104,110,117)
```
#696875
```
#696875 rgb(105,104,117)
```

Analogous Color

#757568
```
#757568 rgb(117,117,104)
```
#686e75
```
#686e75 rgb(104,110,117)
```
#756968
```
#756968 rgb(117,105,104)
```

Split Complementary Color

#6e7568
```
#6e7568 rgb(110,117,104)
```
#686e75
```
#686e75 rgb(104,110,117)
```
#75686e
```
#75686e rgb(117,104,110)
```

Triadic Color

#68756f
```
#68756f rgb(104,117,111)
```
#686e75
```
#686e75 rgb(104,110,117)
```
#75686e
```
#75686e rgb(117,104,110)
```
#756f68
```
#756f68 rgb(117,111,104)
```

Tetradic Color

#44484d
```
#44484d rgb(68,72,77)
```
#50555a
```
#50555a rgb(80,85,90)
```
#5c6168
```
#5c6168 rgb(92,97,104)
```
#686e75
```
#686e75 rgb(104,110,117)
```
#747b83
```
#747b83 rgb(116,123,131)
```
#81878f
```
#81878f rgb(129,135,143)
```
#8f949b
```
#8f949b rgb(143,148,155)
```

Monochromatic Color

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

#687175
```
#687175 rgb(104,113,117)
```
#687075
```
#687075 rgb(104,112,117)
```
#686f75
```
#686f75 rgb(104,111,117)
```
#686e75
```
#686e75 rgb(104,110,117)
```
#686d75
```
#686d75 rgb(104,109,117)
```
#686c75
```
#686c75 rgb(104,108,117)
```
#686b75
```
#686b75 rgb(104,107,117)
```

Similar Colors

Text with hexadecimal color #686e75

This text has a font color of #686e75.

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

#686e75 background color

This paragraph has a background color of #686e75.

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

#686e75 border color

This element has a border color of #686e75.

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

CSS codes

.text {color:#686e75;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#0c0c0d
```
#0c0c0d rgb(12,12,13)
```
#151618
```
#151618 rgb(21,22,24)
```
#1e2022
```
#1e2022 rgb(30,32,34)
```
#272a2c
```
#272a2c rgb(39,42,44)
```
#313337
```
#313337 rgb(49,51,55)
```
#3a3d41
```
#3a3d41 rgb(58,61,65)
```
#43474b
```
#43474b rgb(67,71,75)
```
#4c5156
```
#4c5156 rgb(76,81,86)
```
#565a60
```
#565a60 rgb(86,90,96)
```
#5f646b
```
#5f646b rgb(95,100,107)
```
#686e75
```
#686e75 rgb(104,110,117)
```
#71787f
```
#71787f rgb(113,120,127)
```

Shade Color Variation

#7b8289
```
#7b8289 rgb(123,130,137)
```
#858b93
```
#858b93 rgb(133,139,147)
```
#90959c
```
#90959c rgb(144,149,156)
```
#9a9fa5
```
#9a9fa5 rgb(154,159,165)
```
#a4a9ae
```
#a4a9ae rgb(164,169,174)
```
#afb3b8
```
#afb3b8 rgb(175,179,184)
```
#b9bdc1
```
#b9bdc1 rgb(185,189,193)
```
#c3c7ca
```
#c3c7ca rgb(195,199,202)
```
#ced0d3
```
#ced0d3 rgb(206,208,211)
```
#d8dadd
```
#d8dadd rgb(216,218,221)
```
#e3e4e6
```
#e3e4e6 rgb(227,228,230)
```
#edeeef
```
#edeeef rgb(237,238,239)
```
#f7f8f8
```
#f7f8f8 rgb(247,248,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686e75 is the less saturated color, while #0266db is the most saturated one.

#686e75
```
#686e75 rgb(104,110,117)
```
#606d7e
```
#606d7e rgb(96,109,126)
```
#576d86
```
#576d86 rgb(87,109,134)
```
#4f6c8f
```
#4f6c8f rgb(79,108,143)
```
#466b97
```
#466b97 rgb(70,107,151)
```
#3e6ba0
```
#3e6ba0 rgb(62,107,160)
```
#356aa8
```
#356aa8 rgb(53,106,168)
```
#2d69b1
```
#2d69b1 rgb(45,105,177)
```
#2469b9
```
#2469b9 rgb(36,105,185)
```
#1c68c2
```
#1c68c2 rgb(28,104,194)
```
#1367ca
```
#1367ca rgb(19,103,202)
```
#0b67d3
```
#0b67d3 rgb(11,103,211)
```
#0266db
```
#0266db rgb(2,102,219)
```

Tone Color Variation

Below, you can see how #686e75 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
#6c6d6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#74747b Protanopia 1% of men
#7b717d Deuteranopia 1% of men
#70757d Tritanopia 0.001% of the population

Trichromacy

#707179 Protanomaly 1% of men, 0.01% of women
#74707a Deuteranomaly 6% of men, 0.4% of women
#6d727a Tritanomaly 0.01% of the population

#686e75 hex color

#686e75 Color Information

#686e75 Color Conversion

Color Schemes with #686e75

Alternatives to #686e75

#686e75 Preview

Shades and Tints of #686e75

Tones of #686e75

Color Blindness Simulator