#686970 hex color

In a RGB color space, hex #686970 is composed of 40.8% red, 41.2% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 7.1% cyan, 6.3% magenta, 0% yellow and 56.1% black. It has a hue angle of 232.5 degrees, a saturation of 3.7% and a lightness of 42.4%. #686970 color hex could be obtained by blending #d0d2e0 with #000000. Closest websafe color is: #666666.

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

● #686970 color description : Very dark grayish blue.

The hexadecimal color #686970 has RGB values of R:104, G:105, B:112 and CMYK values of C:0.07, M:0.06, Y:0, K:0.56. Its decimal value is 6842736.

Hex triplet	686970	`#686970`
RGB Decimal	104, 105, 112	`rgb(104,105,112)`
RGB Percent	40.8, 41.2, 43.9	`rgb(40.8%,41.2%,43.9%)`
CMYK	7, 6, 0, 56
HSL	232.5°, 3.7, 42.4	`hsl(232.5,3.7%,42.4%)`
HSV (or HSB)	232.5°, 7.1, 43.9
Web Safe	666666	`#666666`

CIE-LAB	44.541, 1.107, -4.05
XYZ	13.685, 14.216, 17.351
xyY	0.302, 0.314, 14.216
CIE-LCH	44.541, 4.199, 285.287
CIE-LUV	44.541, -0.944, -5.629
Hunter-Lab	37.704, -1.196, -0.892
Binary	01101000, 01101001, 01110000

#686970
```
#686970 rgb(104,105,112)
```
#706f68
```
#706f68 rgb(112,111,104)
```

Complementary Color

#686d70
```
#686d70 rgb(104,109,112)
```
#686970
```
#686970 rgb(104,105,112)
```
#6b6870
```
#6b6870 rgb(107,104,112)
```

Analogous Color

#6d7068
```
#6d7068 rgb(109,112,104)
```
#686970
```
#686970 rgb(104,105,112)
```
#706b68
```
#706b68 rgb(112,107,104)
```

Split Complementary Color

#697068
```
#697068 rgb(105,112,104)
```
#686970
```
#686970 rgb(104,105,112)
```
#706869
```
#706869 rgb(112,104,105)
```

Triadic Color

#68706f
```
#68706f rgb(104,112,111)
```
#686970
```
#686970 rgb(104,105,112)
```
#706869
```
#706869 rgb(112,104,105)
```
#706f68
```
#706f68 rgb(112,111,104)
```

Tetradic Color

#434448
```
#434448 rgb(67,68,72)
```
#4f5056
```
#4f5056 rgb(79,80,86)
```
#5c5d63
```
#5c5d63 rgb(92,93,99)
```
#686970
```
#686970 rgb(104,105,112)
```
#74757d
```
#74757d rgb(116,117,125)
```
#81828a
```
#81828a rgb(129,130,138)
```
#8e8f96
```
#8e8f96 rgb(142,143,150)
```

Monochromatic Color

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

#686b70
```
#686b70 rgb(104,107,112)
```
#686a70
```
#686a70 rgb(104,106,112)
```
#686a70
```
#686a70 rgb(104,106,112)
```
#686970
```
#686970 rgb(104,105,112)
```
#686870
```
#686870 rgb(104,104,112)
```
#686870
```
#686870 rgb(104,104,112)
```
#696870
```
#696870 rgb(105,104,112)
```

Similar Colors

Text with hexadecimal color #686970

This text has a font color of #686970.

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

#686970 background color

This paragraph has a background color of #686970.

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

#686970 border color

This element has a border color of #686970.

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

CSS codes

.text {color:#686970;}

.background {background-color:#686970;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0a0a0a
```
#0a0a0a rgb(10,10,10)
```
#131314
```
#131314 rgb(19,19,20)
```
#1c1d1f
```
#1c1d1f rgb(28,29,31)
```
#262629
```
#262629 rgb(38,38,41)
```
#2f3033
```
#2f3033 rgb(47,48,51)
```
#39393d
```
#39393d rgb(57,57,61)
```
#424347
```
#424347 rgb(66,67,71)
```
#4c4c51
```
#4c4c51 rgb(76,76,81)
```
#55565c
```
#55565c rgb(85,86,92)
```
#5f5f66
```
#5f5f66 rgb(95,95,102)
```
#686970
```
#686970 rgb(104,105,112)
```
#71737a
```
#71737a rgb(113,115,122)
```

Shade Color Variation

#7b7c84
```
#7b7c84 rgb(123,124,132)
```
#85868e
```
#85868e rgb(133,134,142)
```
#8f9097
```
#8f9097 rgb(143,144,151)
```
#999aa1
```
#999aa1 rgb(153,154,161)
```
#a4a4aa
```
#a4a4aa rgb(164,164,170)
```
#aeaeb4
```
#aeaeb4 rgb(174,174,180)
```
#b8b9bd
```
#b8b9bd rgb(184,185,189)
```
#c2c3c6
```
#c2c3c6 rgb(194,195,198)
```
#cccdd0
```
#cccdd0 rgb(204,205,208)
```
#d6d7d9
```
#d6d7d9 rgb(214,215,217)
```
#e1e1e3
```
#e1e1e3 rgb(225,225,227)
```
#ebebec
```
#ebebec rgb(235,235,236)
```
#f5f5f6
```
#f5f5f6 rgb(245,245,246)
```

Tint Color Variation

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

#686970
```
#686970 rgb(104,105,112)
```
#606378
```
#606378 rgb(96,99,120)
```
#575d81
```
#575d81 rgb(87,93,129)
```
#4f5689
```
#4f5689 rgb(79,86,137)
```
#475091
```
#475091 rgb(71,80,145)
```
#3e4a9a
```
#3e4a9a rgb(62,74,154)
```
#3644a2
```
#3644a2 rgb(54,68,162)
```
#2e3daa
```
#2e3daa rgb(46,61,170)
```
#2637b2
```
#2637b2 rgb(38,55,178)
```
#1d31bb
```
#1d31bb rgb(29,49,187)
```
#152bc3
```
#152bc3 rgb(21,43,195)
```
#0d24cb
```
#0d24cb rgb(13,36,203)
```
#041ed4
```
#041ed4 rgb(4,30,212)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#69696a Atypical Achromatopsia 0.001% of the population

Dichromacy

#717077 Protanopia 1% of men
#786e78 Deuteranopia 1% of men
#707078 Tritanopia 0.001% of the population

Trichromacy

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

#686970 hex color

#686970 Color Information

#686970 Color Conversion

Color Schemes with #686970

Alternatives to #686970

#686970 Preview

Shades and Tints of #686970

Tones of #686970

Color Blindness Simulator