#686f74 hex color

In a RGB color space, hex #686f74 is composed of 40.8% red, 43.5% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 10.3% cyan, 4.3% magenta, 0% yellow and 54.5% black. It has a hue angle of 205 degrees, a saturation of 5.5% and a lightness of 43.1%. #686f74 color hex could be obtained by blending #d0dee8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 44
- B 45
RGB color chart
- C 10
- M 4
- Y 0
- K 55
CMYK color chart

● #686f74 color description : Dark grayish blue.

The hexadecimal color #686f74 has RGB values of R:104, G:111, B:116 and CMYK values of C:0.1, M:0.04, Y:0, K:0.55. Its decimal value is 6844276.

Hex triplet	686f74	`#686f74`
RGB Decimal	104, 111, 116	`rgb(104,111,116)`
RGB Percent	40.8, 43.5, 45.5	`rgb(40.8%,43.5%,45.5%)`
CMYK	10, 4, 0, 55
HSL	205°, 5.5, 43.1	`hsl(205,5.5%,43.1%)`
HSV (or HSB)	205°, 10.3, 45.5
Web Safe	666666	`#666666`

CIE-LAB	46.409, -1.562, -3.691
XYZ	14.545, 15.573, 18.762
xyY	0.298, 0.319, 15.573
CIE-LCH	46.409, 4.008, 247.066
CIE-LUV	46.409, -4.055, -4.79
Hunter-Lab	39.462, -3.267, -0.565
Binary	01101000, 01101111, 01110100

#686f74
```
#686f74 rgb(104,111,116)
```
#746d68
```
#746d68 rgb(116,109,104)
```

Complementary Color

#687473
```
#687473 rgb(104,116,115)
```
#686f74
```
#686f74 rgb(104,111,116)
```
#686974
```
#686974 rgb(104,105,116)
```

Analogous Color

#747368
```
#747368 rgb(116,115,104)
```
#686f74
```
#686f74 rgb(104,111,116)
```
#746869
```
#746869 rgb(116,104,105)
```

Split Complementary Color

#6f7468
```
#6f7468 rgb(111,116,104)
```
#686f74
```
#686f74 rgb(104,111,116)
```
#74686f
```
#74686f rgb(116,104,111)
```

Triadic Color

#68746d
```
#68746d rgb(104,116,109)
```
#686f74
```
#686f74 rgb(104,111,116)
```
#74686f
```
#74686f rgb(116,104,111)
```
#746d68
```
#746d68 rgb(116,109,104)
```

Tetradic Color

#44484c
```
#44484c rgb(68,72,76)
```
#505559
```
#505559 rgb(80,85,89)
```
#5c6267
```
#5c6267 rgb(92,98,103)
```
#686f74
```
#686f74 rgb(104,111,116)
```
#747c81
```
#747c81 rgb(116,124,129)
```
#81898e
```
#81898e rgb(129,137,142)
```
#8e959a
```
#8e959a rgb(142,149,154)
```

Monochromatic Color

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

#687274
```
#687274 rgb(104,114,116)
```
#687174
```
#687174 rgb(104,113,116)
```
#687074
```
#687074 rgb(104,112,116)
```
#686f74
```
#686f74 rgb(104,111,116)
```
#686e74
```
#686e74 rgb(104,110,116)
```
#686d74
```
#686d74 rgb(104,109,116)
```
#686c74
```
#686c74 rgb(104,108,116)
```

Similar Colors

Text with hexadecimal color #686f74

This text has a font color of #686f74.

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

#686f74 background color

This paragraph has a background color of #686f74.

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

#686f74 border color

This element has a border color of #686f74.

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

CSS codes

.text {color:#686f74;}

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

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0b0c0d
```
#0b0c0d rgb(11,12,13)
```
#151617
```
#151617 rgb(21,22,23)
```
#1e2021
```
#1e2021 rgb(30,32,33)
```
#272a2c
```
#272a2c rgb(39,42,44)
```
#303436
```
#303436 rgb(48,52,54)
```
#3a3e40
```
#3a3e40 rgb(58,62,64)
```
#43474b
```
#43474b rgb(67,71,75)
```
#4c5155
```
#4c5155 rgb(76,81,85)
```
#555b5f
```
#555b5f rgb(85,91,95)
```
#5f656a
```
#5f656a rgb(95,101,106)
```
#686f74
```
#686f74 rgb(104,111,116)
```
#71797e
```
#71797e rgb(113,121,126)
```

Shade Color Variation

#7b8388
```
#7b8388 rgb(123,131,136)
```
#858c92
```
#858c92 rgb(133,140,146)
```
#8f969b
```
#8f969b rgb(143,150,155)
```
#9aa0a4
```
#9aa0a4 rgb(154,160,164)
```
#a4aaae
```
#a4aaae rgb(164,170,174)
```
#aeb3b7
```
#aeb3b7 rgb(174,179,183)
```
#b9bdc0
```
#b9bdc0 rgb(185,189,192)
```
#c3c7c9
```
#c3c7c9 rgb(195,199,201)
```
#ced1d3
```
#ced1d3 rgb(206,209,211)
```
#d8dadc
```
#d8dadc rgb(216,218,220)
```
#e2e4e5
```
#e2e4e5 rgb(226,228,229)
```
#edeeee
```
#edeeee rgb(237,238,238)
```
#f7f7f8
```
#f7f7f8 rgb(247,247,248)
```

Tint Color Variation

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

#686f74
```
#686f74 rgb(104,111,116)
```
#60707c
```
#60707c rgb(96,112,124)
```
#577285
```
#577285 rgb(87,114,133)
```
#4f738d
```
#4f738d rgb(79,115,141)
```
#467596
```
#467596 rgb(70,117,150)
```
#3e769e
```
#3e769e rgb(62,118,158)
```
#3577a7
```
#3577a7 rgb(53,119,167)
```
#2d79af
```
#2d79af rgb(45,121,175)
```
#247ab8
```
#247ab8 rgb(36,122,184)
```
#1c7cc0
```
#1c7cc0 rgb(28,124,192)
```
#137dc9
```
#137dc9 rgb(19,125,201)
```
#0b7fd1
```
#0b7fd1 rgb(11,127,209)
```
#0280da
```
#0280da rgb(2,128,218)
```

Tone Color Variation

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

Dichromacy

#75747a Protanopia 1% of men
#7d727c Deuteranopia 1% of men
#70757e Tritanopia 0.001% of the population

Trichromacy

#707278 Protanomaly 1% of men, 0.01% of women
#757179 Deuteranomaly 6% of men, 0.4% of women
#6d737a Tritanomaly 0.01% of the population

#686f74 hex color

#686f74 Color Information

#686f74 Color Conversion

Color Schemes with #686f74

Alternatives to #686f74

#686f74 Preview

Shades and Tints of #686f74

Tones of #686f74

Color Blindness Simulator