#5f6a63 hex color

In a RGB color space, hex #5f6a63 is composed of 37.3% red, 41.6% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 0% magenta, 6.6% yellow and 58.4% black. It has a hue angle of 141.8 degrees, a saturation of 5.5% and a lightness of 39.4%. #5f6a63 color hex could be obtained by blending #bed4c6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 37
- G 42
- B 39
RGB color chart
- C 10
- M 0
- Y 7
- K 58
CMYK color chart

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

The hexadecimal color #5f6a63 has RGB values of R:95, G:106, B:99 and CMYK values of C:0.1, M:0, Y:0.07, K:0.58. Its decimal value is 6253155.

Hex triplet	5f6a63	`#5f6a63`
RGB Decimal	95, 106, 99	`rgb(95,106,99)`
RGB Percent	37.3, 41.6, 38.8	`rgb(37.3%,41.6%,38.8%)`
CMYK	10, 0, 7, 58
HSL	141.8°, 5.5, 39.4	`hsl(141.8,5.5%,39.4%)`
HSV (or HSB)	141.8°, 10.4, 41.6
Web Safe	666666	`#666666`

CIE-LAB	43.715, -5.69, 2.499
XYZ	12.125, 13.642, 13.798
xyY	0.306, 0.345, 13.642
CIE-LCH	43.715, 6.214, 156.29
CIE-LUV	43.715, -5.66, 4.132
Hunter-Lab	36.935, -6.037, 3.705
Binary	01011111, 01101010, 01100011

#5f6a63
```
#5f6a63 rgb(95,106,99)
```
#6a5f66
```
#6a5f66 rgb(106,95,102)
```

Complementary Color

#616a5f
```
#616a5f rgb(97,106,95)
```
#5f6a63
```
#5f6a63 rgb(95,106,99)
```
#5f6a69
```
#5f6a69 rgb(95,106,105)
```

Analogous Color

#6a5f61
```
#6a5f61 rgb(106,95,97)
```
#5f6a63
```
#5f6a63 rgb(95,106,99)
```
#695f6a
```
#695f6a rgb(105,95,106)
```

Split Complementary Color

#6a635f
```
#6a635f rgb(106,99,95)
```
#5f6a63
```
#5f6a63 rgb(95,106,99)
```
#635f6a
```
#635f6a rgb(99,95,106)
```

Triadic Color

#666a5f
```
#666a5f rgb(102,106,95)
```
#5f6a63
```
#5f6a63 rgb(95,106,99)
```
#635f6a
```
#635f6a rgb(99,95,106)
```
#6a5f66
```
#6a5f66 rgb(106,95,102)
```

Tetradic Color

#3b423d
```
#3b423d rgb(59,66,61)
```
#474f4a
```
#474f4a rgb(71,79,74)
```
#535d56
```
#535d56 rgb(83,93,86)
```
#5f6a63
```
#5f6a63 rgb(95,106,99)
```
#6b7770
```
#6b7770 rgb(107,119,112)
```
#77857c
```
#77857c rgb(119,133,124)
```
#849189
```
#849189 rgb(132,145,137)
```

Monochromatic Color

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

#5f6a60
```
#5f6a60 rgb(95,106,96)
```
#5f6a61
```
#5f6a61 rgb(95,106,97)
```
#5f6a62
```
#5f6a62 rgb(95,106,98)
```
#5f6a63
```
#5f6a63 rgb(95,106,99)
```
#5f6a64
```
#5f6a64 rgb(95,106,100)
```
#5f6a65
```
#5f6a65 rgb(95,106,101)
```
#5f6a66
```
#5f6a66 rgb(95,106,102)
```

Similar Colors

Text with hexadecimal color #5f6a63

This text has a font color of #5f6a63.

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

#5f6a63 background color

This paragraph has a background color of #5f6a63.

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

#5f6a63 border color

This element has a border color of #5f6a63.

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

CSS codes

.text {color:#5f6a63;}

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

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

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

#020302
```
#020302 rgb(2,3,2)
```
#0c0d0c
```
#0c0d0c rgb(12,13,12)
```
#151716
```
#151716 rgb(21,23,22)
```
#1e221f
```
#1e221f rgb(30,34,31)
```
#272c29
```
#272c29 rgb(39,44,41)
```
#313633
```
#313633 rgb(49,54,51)
```
#3a413c
```
#3a413c rgb(58,65,60)
```
#434b46
```
#434b46 rgb(67,75,70)
```
#4c5550
```
#4c5550 rgb(76,85,80)
```
#566059
```
#566059 rgb(86,96,89)
```
#5f6a63
```
#5f6a63 rgb(95,106,99)
```
#68746d
```
#68746d rgb(104,116,109)
```
#727f76
```
#727f76 rgb(114,127,118)
```

Shade Color Variation

#7b8980
```
#7b8980 rgb(123,137,128)
```
#85928a
```
#85928a rgb(133,146,138)
```
#909b94
```
#909b94 rgb(144,155,148)
```
#9aa59e
```
#9aa59e rgb(154,165,158)
```
#a4aea8
```
#a4aea8 rgb(164,174,168)
```
#afb7b2
```
#afb7b2 rgb(175,183,178)
```
#b9c0bc
```
#b9c0bc rgb(185,192,188)
```
#c3cac6
```
#c3cac6 rgb(195,202,198)
```
#ced3d0
```
#ced3d0 rgb(206,211,208)
```
#d8dcda
```
#d8dcda rgb(216,220,218)
```
#e3e5e4
```
#e3e5e4 rgb(227,229,228)
```
#edefee
```
#edefee rgb(237,239,238)
```
#f7f8f8
```
#f7f8f8 rgb(247,248,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6a63 is the less saturated color, while #02c74a is the most saturated one.

#5f6a63
```
#5f6a63 rgb(95,106,99)
```
#577261
```
#577261 rgb(87,114,97)
```
#50795f
```
#50795f rgb(80,121,95)
```
#48815d
```
#48815d rgb(72,129,93)
```
#40895b
```
#40895b rgb(64,137,91)
```
#389158
```
#389158 rgb(56,145,88)
```
#319856
```
#319856 rgb(49,152,86)
```
#29a054
```
#29a054 rgb(41,160,84)
```
#21a852
```
#21a852 rgb(33,168,82)
```
#19b050
```
#19b050 rgb(25,176,80)
```
#12b74e
```
#12b74e rgb(18,183,78)
```
#0abf4c
```
#0abf4c rgb(10,191,76)
```
#02c74a
```
#02c74a rgb(2,199,74)
```

Tone Color Variation

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

Dichromacy

#726e69 Protanopia 1% of men
#7a6b6d Deuteranopia 1% of men
#696f77 Tritanopia 0.001% of the population

Trichromacy

#6b6d67 Protanomaly 1% of men, 0.01% of women
#706b69 Deuteranomaly 6% of men, 0.4% of women
#656d70 Tritanomaly 0.01% of the population

#5f6a63 hex color

#5f6a63 Color Information

#5f6a63 Color Conversion

Color Schemes with #5f6a63

Alternatives to #5f6a63

#5f6a63 Preview

Shades and Tints of #5f6a63

Tones of #5f6a63

Color Blindness Simulator