#5f6f63 hex color

In a RGB color space, hex #5f6f63 is composed of 37.3% red, 43.5% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 14.4% cyan, 0% magenta, 10.8% yellow and 56.5% black. It has a hue angle of 135 degrees, a saturation of 7.8% and a lightness of 40.4%. #5f6f63 color hex could be obtained by blending #bedec6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 37
- G 44
- B 39
RGB color chart
- C 14
- M 0
- Y 11
- K 56
CMYK color chart

● #5f6f63 color description : Very dark grayish cyan - lime green.

The hexadecimal color #5f6f63 has RGB values of R:95, G:111, B:99 and CMYK values of C:0.14, M:0, Y:0.11, K:0.56. Its decimal value is 6254435.

Hex triplet	5f6f63	`#5f6f63`
RGB Decimal	95, 111, 99	`rgb(95,111,99)`
RGB Percent	37.3, 43.5, 38.8	`rgb(37.3%,43.5%,38.8%)`
CMYK	14, 0, 11, 56
HSL	135°, 7.8, 40.4	`hsl(135,7.8%,40.4%)`
HSV (or HSB)	135°, 14.4, 43.5
Web Safe	666666	`#666666`

CIE-LAB	45.224, -8.578, 4.674
XYZ	12.655, 14.702, 13.975
xyY	0.306, 0.356, 14.702
CIE-LCH	45.224, 9.768, 151.415
CIE-LUV	45.224, -8.136, 7.426
Hunter-Lab	38.344, -8.187, 5.232
Binary	01011111, 01101111, 01100011

#5f6f63
```
#5f6f63 rgb(95,111,99)
```
#6f5f6b
```
#6f5f6b rgb(111,95,107)
```

Complementary Color

#636f5f
```
#636f5f rgb(99,111,95)
```
#5f6f63
```
#5f6f63 rgb(95,111,99)
```
#5f6f6b
```
#5f6f6b rgb(95,111,107)
```

Analogous Color

#6f5f63
```
#6f5f63 rgb(111,95,99)
```
#5f6f63
```
#5f6f63 rgb(95,111,99)
```
#6b5f6f
```
#6b5f6f rgb(107,95,111)
```

Split Complementary Color

#6f635f
```
#6f635f rgb(111,99,95)
```
#5f6f63
```
#5f6f63 rgb(95,111,99)
```
#635f6f
```
#635f6f rgb(99,95,111)
```

Triadic Color

#6b6f5f
```
#6b6f5f rgb(107,111,95)
```
#5f6f63
```
#5f6f63 rgb(95,111,99)
```
#635f6f
```
#635f6f rgb(99,95,111)
```
#6f5f6b
```
#6f5f6b rgb(111,95,107)
```

Tetradic Color

#3c463e
```
#3c463e rgb(60,70,62)
```
#47544a
```
#47544a rgb(71,84,74)
```
#536157
```
#536157 rgb(83,97,87)
```
#5f6f63
```
#5f6f63 rgb(95,111,99)
```
#6b7d6f
```
#6b7d6f rgb(107,125,111)
```
#778a7c
```
#778a7c rgb(119,138,124)
```
#849689
```
#849689 rgb(132,150,137)
```

Monochromatic Color

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

#5f6f5f
```
#5f6f5f rgb(95,111,95)
```
#5f6f60
```
#5f6f60 rgb(95,111,96)
```
#5f6f62
```
#5f6f62 rgb(95,111,98)
```
#5f6f63
```
#5f6f63 rgb(95,111,99)
```
#5f6f64
```
#5f6f64 rgb(95,111,100)
```
#5f6f66
```
#5f6f66 rgb(95,111,102)
```
#5f6f67
```
#5f6f67 rgb(95,111,103)
```

Similar Colors

Text with hexadecimal color #5f6f63

This text has a font color of #5f6f63.

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

#5f6f63 background color

This paragraph has a background color of #5f6f63.

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

#5f6f63 border color

This element has a border color of #5f6f63.

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

CSS codes

.text {color:#5f6f63;}

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

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

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

#050505
```
#050505 rgb(5,5,5)
```
#0e100e
```
#0e100e rgb(14,16,14)
```
#171a18
```
#171a18 rgb(23,26,24)
```
#202521
```
#202521 rgb(32,37,33)
```
#29302a
```
#29302a rgb(41,48,42)
```
#323a34
```
#323a34 rgb(50,58,52)
```
#3b453d
```
#3b453d rgb(59,69,61)
```
#444f47
```
#444f47 rgb(68,79,71)
```
#4d5a50
```
#4d5a50 rgb(77,90,80)
```
#56645a
```
#56645a rgb(86,100,90)
```
#5f6f63
```
#5f6f63 rgb(95,111,99)
```
#687a6c
```
#687a6c rgb(104,122,108)
```
#718476
```
#718476 rgb(113,132,118)
```

Shade Color Variation

#7b8e80
```
#7b8e80 rgb(123,142,128)
```
#85978a
```
#85978a rgb(133,151,138)
```
#90a094
```
#90a094 rgb(144,160,148)
```
#9ba99e
```
#9ba99e rgb(155,169,158)
```
#a5b2a8
```
#a5b2a8 rgb(165,178,168)
```
#b0bbb3
```
#b0bbb3 rgb(176,187,179)
```
#bac4bd
```
#bac4bd rgb(186,196,189)
```
#c5cdc7
```
#c5cdc7 rgb(197,205,199)
```
#cfd6d1
```
#cfd6d1 rgb(207,214,209)
```
#dadfdb
```
#dadfdb rgb(218,223,219)
```
#e5e8e6
```
#e5e8e6 rgb(229,232,230)
```
#eff1f0
```
#eff1f0 rgb(239,241,240)
```
#fafafa
```
#fafafa rgb(250,250,250)
```

Tint Color Variation

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

#676767
```
#676767 rgb(103,103,103)
```
#5f6f63
```
#5f6f63 rgb(95,111,99)
```
#57775f
```
#57775f rgb(87,119,95)
```
#4f7f5b
```
#4f7f5b rgb(79,127,91)
```
#478757
```
#478757 rgb(71,135,87)
```
#3f8f53
```
#3f8f53 rgb(63,143,83)
```
#37974f
```
#37974f rgb(55,151,79)
```
#2f9f4b
```
#2f9f4b rgb(47,159,75)
```
#28a647
```
#28a647 rgb(40,166,71)
```
#20ae43
```
#20ae43 rgb(32,174,67)
```
#18b63f
```
#18b63f rgb(24,182,63)
```
#10be3b
```
#10be3b rgb(16,190,59)
```
#08c637
```
#08c637 rgb(8,198,55)
```

Tone Color Variation

Below, you can see how #5f6f63 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
#676a68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777269 Protanopia 1% of men
#7f6f6d Deuteranopia 1% of men
#6a737c Tritanopia 0.001% of the population

Trichromacy

#6e7166 Protanomaly 1% of men, 0.01% of women
#736f69 Deuteranomaly 6% of men, 0.4% of women
#667273 Tritanomaly 0.01% of the population

#5f6f63 hex color

#5f6f63 Color Information

#5f6f63 Color Conversion

Color Schemes with #5f6f63

Alternatives to #5f6f63

#5f6f63 Preview

Shades and Tints of #5f6f63

Tones of #5f6f63

Color Blindness Simulator