#51686f hex color

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

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

● #51686f color description : Very dark grayish cyan.

The hexadecimal color #51686f has RGB values of R:81, G:104, B:111 and CMYK values of C:0.27, M:0.06, Y:0, K:0.56. Its decimal value is 5335151.

Hex triplet	51686f	`#51686f`
RGB Decimal	81, 104, 111	`rgb(81,104,111)`
RGB Percent	31.8, 40.8, 43.5	`rgb(31.8%,40.8%,43.5%)`
CMYK	27, 6, 0, 56
HSL	194°, 15.6, 37.6	`hsl(194,15.6%,37.6%)`
HSV (or HSB)	194°, 27, 43.5
Web Safe	666666	`#666666`

CIE-LAB	42.456, -6.747, -6.733
XYZ	11.212, 12.797, 16.917
xyY	0.274, 0.313, 12.797
CIE-LCH	42.456, 9.532, 224.94
CIE-LUV	42.456, -11.71, -8.143
Hunter-Lab	35.773, -6.657, -2.997
Binary	01010001, 01101000, 01101111

#51686f
```
#51686f rgb(81,104,111)
```
#6f5851
```
#6f5851 rgb(111,88,81)
```

Complementary Color

#516f67
```
#516f67 rgb(81,111,103)
```
#51686f
```
#51686f rgb(81,104,111)
```
#51596f
```
#51596f rgb(81,89,111)
```

Analogous Color

#6f6751
```
#6f6751 rgb(111,103,81)
```
#51686f
```
#51686f rgb(81,104,111)
```
#6f5159
```
#6f5159 rgb(111,81,89)
```

Split Complementary Color

#686f51
```
#686f51 rgb(104,111,81)
```
#51686f
```
#51686f rgb(81,104,111)
```
#6f5168
```
#6f5168 rgb(111,81,104)
```

Triadic Color

#516f58
```
#516f58 rgb(81,111,88)
```
#51686f
```
#51686f rgb(81,104,111)
```
#6f5168
```
#6f5168 rgb(111,81,104)
```
#6f5851
```
#6f5851 rgb(111,88,81)
```

Tetradic Color

#313f43
```
#313f43 rgb(49,63,67)
```
#3b4c52
```
#3b4c52 rgb(59,76,82)
```
#465a60
```
#465a60 rgb(70,90,96)
```
#51686f
```
#51686f rgb(81,104,111)
```
#5c767e
```
#5c767e rgb(92,118,126)
```
#67848c
```
#67848c rgb(103,132,140)
```
#739099
```
#739099 rgb(115,144,153)
```

Monochromatic Color

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

#516f6f
```
#516f6f rgb(81,111,111)
```
#516d6f
```
#516d6f rgb(81,109,111)
```
#516b6f
```
#516b6f rgb(81,107,111)
```
#51686f
```
#51686f rgb(81,104,111)
```
#51666f
```
#51666f rgb(81,102,111)
```
#51636f
```
#51636f rgb(81,99,111)
```
#51616f
```
#51616f rgb(81,97,111)
```

Similar Colors

Text with hexadecimal color #51686f

This text has a font color of #51686f.

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

#51686f background color

This paragraph has a background color of #51686f.

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

#51686f border color

This element has a border color of #51686f.

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

CSS codes

.text {color:#51686f;}

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

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

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

#070809
```
#070809 rgb(7,8,9)
```
#0f1314
```
#0f1314 rgb(15,19,20)
```
#171e20
```
#171e20 rgb(23,30,32)
```
#1f282b
```
#1f282b rgb(31,40,43)
```
#283336
```
#283336 rgb(40,51,54)
```
#303e42
```
#303e42 rgb(48,62,66)
```
#38484d
```
#38484d rgb(56,72,77)
```
#405358
```
#405358 rgb(64,83,88)
```
#495d64
```
#495d64 rgb(73,93,100)
```
#51686f
```
#51686f rgb(81,104,111)
```
#59737a
```
#59737a rgb(89,115,122)
```
#627d86
```
#627d86 rgb(98,125,134)
```
#6a8891
```
#6a8891 rgb(106,136,145)
```

Shade Color Variation

#75919a
```
#75919a rgb(117,145,154)
```
#809aa2
```
#809aa2 rgb(128,154,162)
```
#8ba3aa
```
#8ba3aa rgb(139,163,170)
```
#97acb3
```
#97acb3 rgb(151,172,179)
```
#a2b5bb
```
#a2b5bb rgb(162,181,187)
```
#adbec3
```
#adbec3 rgb(173,190,195)
```
#b9c7cc
```
#b9c7cc rgb(185,199,204)
```
#c4d0d4
```
#c4d0d4 rgb(196,208,212)
```
#cfd9dc
```
#cfd9dc rgb(207,217,220)
```
#dbe2e4
```
#dbe2e4 rgb(219,226,228)
```
#e6ebed
```
#e6ebed rgb(230,235,237)
```
#f1f4f5
```
#f1f4f5 rgb(241,244,245)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#606060
```
#606060 rgb(96,96,96)
```
#586468
```
#586468 rgb(88,100,104)
```
#51686f
```
#51686f rgb(81,104,111)
```
#4a6c76
```
#4a6c76 rgb(74,108,118)
```
#42707e
```
#42707e rgb(66,112,126)
```
#3b7485
```
#3b7485 rgb(59,116,133)
```
#33788d
```
#33788d rgb(51,120,141)
```
#2c7c94
```
#2c7c94 rgb(44,124,148)
```
#25809b
```
#25809b rgb(37,128,155)
```
#1d84a3
```
#1d84a3 rgb(29,132,163)
```
#1688aa
```
#1688aa rgb(22,136,170)
```
#0f8bb1
```
#0f8bb1 rgb(15,139,177)
```
#078fb9
```
#078fb9 rgb(7,143,185)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5f6365 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6b74 Protanopia 1% of men
#706978 Deuteranopia 1% of men
#5a6f77 Tritanopia 0.001% of the population

Trichromacy

#616a72 Protanomaly 1% of men, 0.01% of women
#646975 Deuteranomaly 6% of men, 0.4% of women
#566c74 Tritanomaly 0.01% of the population

#51686f hex color

#51686f Color Information

#51686f Color Conversion

Color Schemes with #51686f

Alternatives to #51686f

#51686f Preview

Shades and Tints of #51686f

Tones of #51686f

Color Blindness Simulator