#5f6a68 hex color

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

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

● #5f6a68 color description : Very dark grayish cyan.

The hexadecimal color #5f6a68 has RGB values of R:95, G:106, B:104 and CMYK values of C:0.1, M:0, Y:0.02, K:0.58. Its decimal value is 6253160.

Hex triplet	5f6a68	`#5f6a68`
RGB Decimal	95, 106, 104	`rgb(95,106,104)`
RGB Percent	37.3, 41.6, 40.8	`rgb(37.3%,41.6%,40.8%)`
CMYK	10, 0, 2, 58
HSL	169.1°, 5.5, 39.4	`hsl(169.1,5.5%,39.4%)`
HSV (or HSB)	169.1°, 10.4, 41.6
Web Safe	666666	`#666666`

CIE-LAB	43.858, -4.614, -0.311
XYZ	12.372, 13.74, 15.096
xyY	0.3, 0.333, 13.74
CIE-LCH	43.858, 4.625, 183.851
CIE-LUV	43.858, -5.83, 0.285
Hunter-Lab	37.068, -5.294, 1.801
Binary	01011111, 01101010, 01101000

#5f6a68
```
#5f6a68 rgb(95,106,104)
```
#6a5f61
```
#6a5f61 rgb(106,95,97)
```

Complementary Color

#5f6a63
```
#5f6a63 rgb(95,106,99)
```
#5f6a68
```
#5f6a68 rgb(95,106,104)
```
#5f676a
```
#5f676a rgb(95,103,106)
```

Analogous Color

#6a635f
```
#6a635f rgb(106,99,95)
```
#5f6a68
```
#5f6a68 rgb(95,106,104)
```
#6a5f67
```
#6a5f67 rgb(106,95,103)
```

Split Complementary Color

#6a685f
```
#6a685f rgb(106,104,95)
```
#5f6a68
```
#5f6a68 rgb(95,106,104)
```
#685f6a
```
#685f6a rgb(104,95,106)
```

Triadic Color

#616a5f
```
#616a5f rgb(97,106,95)
```
#5f6a68
```
#5f6a68 rgb(95,106,104)
```
#685f6a
```
#685f6a rgb(104,95,106)
```
#6a5f61
```
#6a5f61 rgb(106,95,97)
```

Tetradic Color

#3b4240
```
#3b4240 rgb(59,66,64)
```
#474f4e
```
#474f4e rgb(71,79,78)
```
#535d5b
```
#535d5b rgb(83,93,91)
```
#5f6a68
```
#5f6a68 rgb(95,106,104)
```
#6b7775
```
#6b7775 rgb(107,119,117)
```
#778582
```
#778582 rgb(119,133,130)
```
#84918f
```
#84918f rgb(132,145,143)
```

Monochromatic Color

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

#5f6a65
```
#5f6a65 rgb(95,106,101)
```
#5f6a66
```
#5f6a66 rgb(95,106,102)
```
#5f6a67
```
#5f6a67 rgb(95,106,103)
```
#5f6a68
```
#5f6a68 rgb(95,106,104)
```
#5f6a69
```
#5f6a69 rgb(95,106,105)
```
#5f6a6a
```
#5f6a6a rgb(95,106,106)
```
#5f696a
```
#5f696a rgb(95,105,106)
```

Similar Colors

Text with hexadecimal color #5f6a68

This text has a font color of #5f6a68.

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

#5f6a68 background color

This paragraph has a background color of #5f6a68.

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

#5f6a68 border color

This element has a border color of #5f6a68.

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

CSS codes

.text {color:#5f6a68;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#0c0d0d
```
#0c0d0d rgb(12,13,13)
```
#151717
```
#151717 rgb(21,23,23)
```
#1e2221
```
#1e2221 rgb(30,34,33)
```
#272c2b
```
#272c2b rgb(39,44,43)
```
#313635
```
#313635 rgb(49,54,53)
```
#3a413f
```
#3a413f rgb(58,65,63)
```
#434b4a
```
#434b4a rgb(67,75,74)
```
#4c5554
```
#4c5554 rgb(76,85,84)
```
#56605e
```
#56605e rgb(86,96,94)
```
#5f6a68
```
#5f6a68 rgb(95,106,104)
```
#687472
```
#687472 rgb(104,116,114)
```
#727f7c
```
#727f7c rgb(114,127,124)
```

Shade Color Variation

#7b8986
```
#7b8986 rgb(123,137,134)
```
#859290
```
#859290 rgb(133,146,144)
```
#909b99
```
#909b99 rgb(144,155,153)
```
#9aa5a3
```
#9aa5a3 rgb(154,165,163)
```
#a4aeac
```
#a4aeac rgb(164,174,172)
```
#afb7b6
```
#afb7b6 rgb(175,183,182)
```
#b9c0bf
```
#b9c0bf rgb(185,192,191)
```
#c3cac9
```
#c3cac9 rgb(195,202,201)
```
#ced3d2
```
#ced3d2 rgb(206,211,210)
```
#d8dcdb
```
#d8dcdb rgb(216,220,219)
```
#e3e5e5
```
#e3e5e5 rgb(227,229,229)
```
#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, #5f6a68 is the less saturated color, while #02c7a3 is the most saturated one.

#5f6a68
```
#5f6a68 rgb(95,106,104)
```
#57726d
```
#57726d rgb(87,114,109)
```
#507972
```
#507972 rgb(80,121,114)
```
#488177
```
#488177 rgb(72,129,119)
```
#40897c
```
#40897c rgb(64,137,124)
```
#389181
```
#389181 rgb(56,145,129)
```
#319886
```
#319886 rgb(49,152,134)
```
#29a08a
```
#29a08a rgb(41,160,138)
```
#21a88f
```
#21a88f rgb(33,168,143)
```
#19b094
```
#19b094 rgb(25,176,148)
```
#12b799
```
#12b799 rgb(18,183,153)
```
#0abf9e
```
#0abf9e rgb(10,191,158)
```
#02c7a3
```
#02c7a3 rgb(2,199,163)
```

Tone Color Variation

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

Dichromacy

#716f6e Protanopia 1% of men
#786c71 Deuteranopia 1% of men
#697078 Tritanopia 0.001% of the population

Trichromacy

#6a6d6c Protanomaly 1% of men, 0.01% of women
#6f6b6e Deuteranomaly 6% of men, 0.4% of women
#656e72 Tritanomaly 0.01% of the population

#5f6a68 hex color

#5f6a68 Color Information

#5f6a68 Color Conversion

Color Schemes with #5f6a68

Alternatives to #5f6a68

#5f6a68 Preview

Shades and Tints of #5f6a68

Tones of #5f6a68

Color Blindness Simulator