#5f786b hex color

In a RGB color space, hex #5f786b is composed of 37.3% red, 47.1% green and 42% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 10.8% yellow and 52.9% black. It has a hue angle of 148.8 degrees, a saturation of 11.6% and a lightness of 42.2%. #5f786b color hex could be obtained by blending #bef0d6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 37
- G 47
- B 42
RGB color chart
- C 21
- M 0
- Y 11
- K 53
CMYK color chart

● #5f786b color description : Dark grayish cyan - lime green.

The hexadecimal color #5f786b has RGB values of R:95, G:120, B:107 and CMYK values of C:0.21, M:0, Y:0.11, K:0.53. Its decimal value is 6256747.

Hex triplet	5f786b	`#5f786b`
RGB Decimal	95, 120, 107	`rgb(95,120,107)`
RGB Percent	37.3, 47.1, 42	`rgb(37.3%,47.1%,42%)`
CMYK	21, 0, 11, 53
HSL	148.8°, 11.6, 42.2	`hsl(148.8,11.6%,42.2%)`
HSV (or HSB)	148.8°, 20.8, 47.1
Web Safe	666666	`#666666`

CIE-LAB	48.168, -11.969, 4.149
XYZ	14.089, 16.927, 16.434
xyY	0.297, 0.357, 16.927
CIE-LCH	48.168, 12.668, 160.883
CIE-LUV	48.168, -12.666, 7.384
Hunter-Lab	41.142, -10.873, 5.117
Binary	01011111, 01111000, 01101011

#5f786b
```
#5f786b rgb(95,120,107)
```
#785f6c
```
#785f6c rgb(120,95,108)
```

Complementary Color

#60785f
```
#60785f rgb(96,120,95)
```
#5f786b
```
#5f786b rgb(95,120,107)
```
#5f7878
```
#5f7878 rgb(95,120,120)
```

Analogous Color

#785f60
```
#785f60 rgb(120,95,96)
```
#5f786b
```
#5f786b rgb(95,120,107)
```
#785f78
```
#785f78 rgb(120,95,120)
```

Split Complementary Color

#786b5f
```
#786b5f rgb(120,107,95)
```
#5f786b
```
#5f786b rgb(95,120,107)
```
#6b5f78
```
#6b5f78 rgb(107,95,120)
```

Triadic Color

#6c785f
```
#6c785f rgb(108,120,95)
```
#5f786b
```
#5f786b rgb(95,120,107)
```
#6b5f78
```
#6b5f78 rgb(107,95,120)
```
#785f6c
```
#785f6c rgb(120,95,108)
```

Tetradic Color

#3d4d45
```
#3d4d45 rgb(61,77,69)
```
#485c52
```
#485c52 rgb(72,92,82)
```
#546a5e
```
#546a5e rgb(84,106,94)
```
#5f786b
```
#5f786b rgb(95,120,107)
```
#6a8678
```
#6a8678 rgb(106,134,120)
```
#779384
```
#779384 rgb(119,147,132)
```
#859e91
```
#859e91 rgb(133,158,145)
```

Monochromatic Color

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

#5f7865
```
#5f7865 rgb(95,120,101)
```
#5f7867
```
#5f7867 rgb(95,120,103)
```
#5f7869
```
#5f7869 rgb(95,120,105)
```
#5f786b
```
#5f786b rgb(95,120,107)
```
#5f786d
```
#5f786d rgb(95,120,109)
```
#5f786f
```
#5f786f rgb(95,120,111)
```
#5f7871
```
#5f7871 rgb(95,120,113)
```

Similar Colors

Text with hexadecimal color #5f786b

This text has a font color of #5f786b.

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

#5f786b background color

This paragraph has a background color of #5f786b.

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

#5f786b border color

This element has a border color of #5f786b.

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

CSS codes

.text {color:#5f786b;}

.background {background-color:#5f786b;}

.border {border:1px solid #5f786b;}

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, #080b09 is the darkest color, while #ffffff is the lightest one.

#080b09
```
#080b09 rgb(8,11,9)
```
#111513
```
#111513 rgb(17,21,19)
```
#1a201d
```
#1a201d rgb(26,32,29)
```
#222b27
```
#222b27 rgb(34,43,39)
```
#2b3630
```
#2b3630 rgb(43,54,48)
```
#34413a
```
#34413a rgb(52,65,58)
```
#3c4c44
```
#3c4c44 rgb(60,76,68)
```
#45574e
```
#45574e rgb(69,87,78)
```
#4e6257
```
#4e6257 rgb(78,98,87)
```
#566d61
```
#566d61 rgb(86,109,97)
```
#5f786b
```
#5f786b rgb(95,120,107)
```
#688375
```
#688375 rgb(104,131,117)
```
#708e7f
```
#708e7f rgb(112,142,127)
```

Shade Color Variation

#7b9788
```
#7b9788 rgb(123,151,136)
```
#869f92
```
#869f92 rgb(134,159,146)
```
#91a89c
```
#91a89c rgb(145,168,156)
```
#9cb1a6
```
#9cb1a6 rgb(156,177,166)
```
#a7b9b0
```
#a7b9b0 rgb(167,185,176)
```
#b2c2ba
```
#b2c2ba rgb(178,194,186)
```
#bdcbc3
```
#bdcbc3 rgb(189,203,195)
```
#c8d3cd
```
#c8d3cd rgb(200,211,205)
```
#d3dcd7
```
#d3dcd7 rgb(211,220,215)
```
#dee5e1
```
#dee5e1 rgb(222,229,225)
```
#e9edeb
```
#e9edeb rgb(233,237,235)
```
#f4f6f5
```
#f4f6f5 rgb(244,246,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #67706b is the less saturated color, while #04d367 is the most saturated one.

#67706b
```
#67706b rgb(103,112,107)
```
#5f786b
```
#5f786b rgb(95,120,107)
```
#57806b
```
#57806b rgb(87,128,107)
```
#4e896a
```
#4e896a rgb(78,137,106)
```
#46916a
```
#46916a rgb(70,145,106)
```
#3e996a
```
#3e996a rgb(62,153,106)
```
#36a169
```
#36a169 rgb(54,161,105)
```
#2daa69
```
#2daa69 rgb(45,170,105)
```
#25b269
```
#25b269 rgb(37,178,105)
```
#1dba68
```
#1dba68 rgb(29,186,104)
```
#15c268
```
#15c268 rgb(21,194,104)
```
#0ccb68
```
#0ccb68 rgb(12,203,104)
```
#04d367
```
#04d367 rgb(4,211,103)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6c716e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e796f Protanopia 1% of men
#867575 Deuteranopia 1% of men
#6b7c85 Tritanopia 0.001% of the population

Trichromacy

#72786e Protanomaly 1% of men, 0.01% of women
#787671 Deuteranomaly 6% of men, 0.4% of women
#667a7b Tritanomaly 0.01% of the population

#5f786b hex color

#5f786b Color Information

#5f786b Color Conversion

Color Schemes with #5f786b

Alternatives to #5f786b

#5f786b Preview

Shades and Tints of #5f786b

Tones of #5f786b

Color Blindness Simulator