#60686f hex color

In a RGB color space, hex #60686f is composed of 37.6% red, 40.8% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 13.5% cyan, 6.3% magenta, 0% yellow and 56.5% black. It has a hue angle of 208 degrees, a saturation of 7.2% and a lightness of 40.6%. #60686f color hex could be obtained by blending #c0d0de with #000000. Closest websafe color is: #666666.

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

● #60686f color description : Very dark grayish blue.

The hexadecimal color #60686f has RGB values of R:96, G:104, B:111 and CMYK values of C:0.14, M:0.06, Y:0, K:0.56. Its decimal value is 6318191.

Hex triplet	60686f	`#60686f`
RGB Decimal	96, 104, 111	`rgb(96,104,111)`
RGB Percent	37.6, 40.8, 43.5	`rgb(37.6%,40.8%,43.5%)`
CMYK	14, 6, 0, 56
HSL	208°, 7.2, 40.6	`hsl(208,7.2%,40.6%)`
HSV (or HSB)	208°, 13.5, 43.5
Web Safe	666666	`#666666`

CIE-LAB	43.558, -1.483, -4.975
XYZ	12.643, 13.535, 16.984
xyY	0.293, 0.314, 13.535
CIE-LCH	43.558, 5.191, 253.394
CIE-LUV	43.558, -4.623, -6.485
Hunter-Lab	36.79, -3.041, -1.619
Binary	01100000, 01101000, 01101111

#60686f
```
#60686f rgb(96,104,111)
```
#6f6760
```
#6f6760 rgb(111,103,96)
```

Complementary Color

#606f6f
```
#606f6f rgb(96,111,111)
```
#60686f
```
#60686f rgb(96,104,111)
```
#60616f
```
#60616f rgb(96,97,111)
```

Analogous Color

#6f6f60
```
#6f6f60 rgb(111,111,96)
```
#60686f
```
#60686f rgb(96,104,111)
```
#6f6061
```
#6f6061 rgb(111,96,97)
```

Split Complementary Color

#686f60
```
#686f60 rgb(104,111,96)
```
#60686f
```
#60686f rgb(96,104,111)
```
#6f6068
```
#6f6068 rgb(111,96,104)
```

Triadic Color

#606f67
```
#606f67 rgb(96,111,103)
```
#60686f
```
#60686f rgb(96,104,111)
```
#6f6068
```
#6f6068 rgb(111,96,104)
```
#6f6760
```
#6f6760 rgb(111,103,96)
```

Tetradic Color

#3d4246
```
#3d4246 rgb(61,66,70)
```
#484e54
```
#484e54 rgb(72,78,84)
```
#545b61
```
#545b61 rgb(84,91,97)
```
#60686f
```
#60686f rgb(96,104,111)
```
#6c757d
```
#6c757d rgb(108,117,125)
```
#78828a
```
#78828a rgb(120,130,138)
```
#868e96
```
#868e96 rgb(134,142,150)
```

Monochromatic Color

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

#606c6f
```
#606c6f rgb(96,108,111)
```
#606b6f
```
#606b6f rgb(96,107,111)
```
#60696f
```
#60696f rgb(96,105,111)
```
#60686f
```
#60686f rgb(96,104,111)
```
#60676f
```
#60676f rgb(96,103,111)
```
#60666f
```
#60666f rgb(96,102,111)
```
#60646f
```
#60646f rgb(96,100,111)
```

Similar Colors

Text with hexadecimal color #60686f

This text has a font color of #60686f.

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

#60686f background color

This paragraph has a background color of #60686f.

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

#60686f border color

This element has a border color of #60686f.

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

CSS codes

.text {color:#60686f;}

.background {background-color:#60686f;}

.border {border:1px solid #60686f;}

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

#050506
```
#050506 rgb(5,5,6)
```
#0e0f10
```
#0e0f10 rgb(14,15,16)
```
#17191b
```
#17191b rgb(23,25,27)
```
#202325
```
#202325 rgb(32,35,37)
```
#292d30
```
#292d30 rgb(41,45,48)
```
#33373a
```
#33373a rgb(51,55,58)
```
#3c4145
```
#3c4145 rgb(60,65,69)
```
#454a4f
```
#454a4f rgb(69,74,79)
```
#4e545a
```
#4e545a rgb(78,84,90)
```
#575e64
```
#575e64 rgb(87,94,100)
```
#60686f
```
#60686f rgb(96,104,111)
```
#69727a
```
#69727a rgb(105,114,122)
```
#727c84
```
#727c84 rgb(114,124,132)
```

Shade Color Variation

#7c868e
```
#7c868e rgb(124,134,142)
```
#878f97
```
#878f97 rgb(135,143,151)
```
#9199a0
```
#9199a0 rgb(145,153,160)
```
#9ca3a9
```
#9ca3a9 rgb(156,163,169)
```
#a6adb2
```
#a6adb2 rgb(166,173,178)
```
#b1b6bb
```
#b1b6bb rgb(177,182,187)
```
#bbc0c4
```
#bbc0c4 rgb(187,192,196)
```
#c6cacd
```
#c6cacd rgb(198,202,205)
```
#d0d4d7
```
#d0d4d7 rgb(208,212,215)
```
#dbdde0
```
#dbdde0 rgb(219,221,224)
```
#e5e7e9
```
#e5e7e9 rgb(229,231,233)
```
#f0f1f2
```
#f0f1f2 rgb(240,241,242)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60686f is the less saturated color, while #006ecf is the most saturated one.

#60686f
```
#60686f rgb(96,104,111)
```
#586977
```
#586977 rgb(88,105,119)
```
#50697f
```
#50697f rgb(80,105,127)
```
#486a87
```
#486a87 rgb(72,106,135)
```
#406a8f
```
#406a8f rgb(64,106,143)
```
#386b97
```
#386b97 rgb(56,107,151)
```
#306b9f
```
#306b9f rgb(48,107,159)
```
#286ca7
```
#286ca7 rgb(40,108,167)
```
#206caf
```
#206caf rgb(32,108,175)
```
#186db7
```
#186db7 rgb(24,109,183)
```
#106dbf
```
#106dbf rgb(16,109,191)
```
#086ec7
```
#086ec7 rgb(8,110,199)
```
#006ecf
```
#006ecf rgb(0,110,207)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#656668 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6e75 Protanopia 1% of men
#746b77 Deuteranopia 1% of men
#686f77 Tritanopia 0.001% of the population

Trichromacy

#696b73 Protanomaly 1% of men, 0.01% of women
#6d6a74 Deuteranomaly 6% of men, 0.4% of women
#656c74 Tritanomaly 0.01% of the population

#60686f hex color

#60686f Color Information

#60686f Color Conversion

Color Schemes with #60686f

Alternatives to #60686f

#60686f Preview

Shades and Tints of #60686f

Tones of #60686f

Color Blindness Simulator