#686971 hex color

In a RGB color space, hex #686971 is composed of 40.8% red, 41.2% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 8% cyan, 7.1% magenta, 0% yellow and 55.7% black. It has a hue angle of 233.3 degrees, a saturation of 4.1% and a lightness of 42.5%. #686971 color hex could be obtained by blending #d0d2e2 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 41
- B 44
RGB color chart
- C 8
- M 7
- Y 0
- K 56
CMYK color chart

● #686971 color description : Very dark grayish blue.

The hexadecimal color #686971 has RGB values of R:104, G:105, B:113 and CMYK values of C:0.08, M:0.07, Y:0, K:0.56. Its decimal value is 6842737.

Hex triplet	686971	`#686971`
RGB Decimal	104, 105, 113	`rgb(104,105,113)`
RGB Percent	40.8, 41.2, 44.3	`rgb(40.8%,41.2%,44.3%)`
CMYK	8, 7, 0, 56
HSL	233.3°, 4.1, 42.5	`hsl(233.3,4.1%,42.5%)`
HSV (or HSB)	233.3°, 8, 44.3
Web Safe	666666	`#666666`

CIE-LAB	44.573, 1.327, -4.606
XYZ	13.741, 14.238, 17.646
xyY	0.301, 0.312, 14.238
CIE-LCH	44.573, 4.793, 286.071
CIE-LUV	44.573, -0.999, -6.426
Hunter-Lab	37.734, -1.034, -1.313
Binary	01101000, 01101001, 01110001

#686971
```
#686971 rgb(104,105,113)
```
#717068
```
#717068 rgb(113,112,104)
```

Complementary Color

#686e71
```
#686e71 rgb(104,110,113)
```
#686971
```
#686971 rgb(104,105,113)
```
#6c6871
```
#6c6871 rgb(108,104,113)
```

Analogous Color

#6e7168
```
#6e7168 rgb(110,113,104)
```
#686971
```
#686971 rgb(104,105,113)
```
#716c68
```
#716c68 rgb(113,108,104)
```

Split Complementary Color

#697168
```
#697168 rgb(105,113,104)
```
#686971
```
#686971 rgb(104,105,113)
```
#716869
```
#716869 rgb(113,104,105)
```

Triadic Color

#687170
```
#687170 rgb(104,113,112)
```
#686971
```
#686971 rgb(104,105,113)
```
#716869
```
#716869 rgb(113,104,105)
```
#717068
```
#717068 rgb(113,112,104)
```

Tetradic Color

#434449
```
#434449 rgb(67,68,73)
```
#505056
```
#505056 rgb(80,80,86)
```
#5c5d64
```
#5c5d64 rgb(92,93,100)
```
#686971
```
#686971 rgb(104,105,113)
```
#74757e
```
#74757e rgb(116,117,126)
```
#81828b
```
#81828b rgb(129,130,139)
```
#8e8f97
```
#8e8f97 rgb(142,143,151)
```

Monochromatic Color

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

#686b71
```
#686b71 rgb(104,107,113)
```
#686b71
```
#686b71 rgb(104,107,113)
```
#686a71
```
#686a71 rgb(104,106,113)
```
#686971
```
#686971 rgb(104,105,113)
```
#686871
```
#686871 rgb(104,104,113)
```
#696871
```
#696871 rgb(105,104,113)
```
#696871
```
#696871 rgb(105,104,113)
```

Similar Colors

Text with hexadecimal color #686971

This text has a font color of #686971.

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

#686971 background color

This paragraph has a background color of #686971.

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

#686971 border color

This element has a border color of #686971.

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

CSS codes

.text {color:#686971;}

.background {background-color:#686971;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0a0b
```
#0a0a0b rgb(10,10,11)
```
#131415
```
#131415 rgb(19,20,21)
```
#1d1d1f
```
#1d1d1f rgb(29,29,31)
```
#262729
```
#262729 rgb(38,39,41)
```
#303034
```
#303034 rgb(48,48,52)
```
#393a3e
```
#393a3e rgb(57,58,62)
```
#424348
```
#424348 rgb(66,67,72)
```
#4c4d52
```
#4c4d52 rgb(76,77,82)
```
#55565d
```
#55565d rgb(85,86,93)
```
#5f6067
```
#5f6067 rgb(95,96,103)
```
#686971
```
#686971 rgb(104,105,113)
```
#71727b
```
#71727b rgb(113,114,123)
```

Shade Color Variation

#7b7c85
```
#7b7c85 rgb(123,124,133)
```
#85868f
```
#85868f rgb(133,134,143)
```
#8f9098
```
#8f9098 rgb(143,144,152)
```
#999aa2
```
#999aa2 rgb(153,154,162)
```
#a4a5ab
```
#a4a5ab rgb(164,165,171)
```
#aeafb4
```
#aeafb4 rgb(174,175,180)
```
#b8b9be
```
#b8b9be rgb(184,185,190)
```
#c2c3c7
```
#c2c3c7 rgb(194,195,199)
```
#cdcdd1
```
#cdcdd1 rgb(205,205,209)
```
#d7d7da
```
#d7d7da rgb(215,215,218)
```
#e1e1e3
```
#e1e1e3 rgb(225,225,227)
```
#ebebed
```
#ebebed rgb(235,235,237)
```
#f5f6f6
```
#f5f6f6 rgb(245,246,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686971 is the less saturated color, while #041bd5 is the most saturated one.

#686971
```
#686971 rgb(104,105,113)
```
#606379
```
#606379 rgb(96,99,121)
```
#575c82
```
#575c82 rgb(87,92,130)
```
#4f568a
```
#4f568a rgb(79,86,138)
```
#474f92
```
#474f92 rgb(71,79,146)
```
#3e499b
```
#3e499b rgb(62,73,155)
```
#3642a3
```
#3642a3 rgb(54,66,163)
```
#2e3cab
```
#2e3cab rgb(46,60,171)
```
#2535b4
```
#2535b4 rgb(37,53,180)
```
#1d2fbc
```
#1d2fbc rgb(29,47,188)
```
#1528c4
```
#1528c4 rgb(21,40,196)
```
#0c22cd
```
#0c22cd rgb(12,34,205)
```
#041bd5
```
#041bd5 rgb(4,27,213)
```

Tone Color Variation

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

Dichromacy

#707078 Protanopia 1% of men
#776e79 Deuteranopia 1% of men
#6f7078 Tritanopia 0.001% of the population

Trichromacy

#6d6d75 Protanomaly 1% of men, 0.01% of women
#726c76 Deuteranomaly 6% of men, 0.4% of women
#6d6d75 Tritanomaly 0.01% of the population

#686971 hex color

#686971 Color Information

#686971 Color Conversion

Color Schemes with #686971

Alternatives to #686971

#686971 Preview

Shades and Tints of #686971

Tones of #686971

Color Blindness Simulator