#5f696a hex color

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

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

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

The hexadecimal color #5f696a has RGB values of R:95, G:105, B:106 and CMYK values of C:0.1, M:0.01, Y:0, K:0.58. Its decimal value is 6252906.

Hex triplet	5f696a	`#5f696a`
RGB Decimal	95, 105, 106	`rgb(95,105,106)`
RGB Percent	37.3, 41.2, 41.6	`rgb(37.3%,41.2%,41.6%)`
CMYK	10, 1, 0, 58
HSL	185.5°, 5.5, 39.4	`hsl(185.5,5.5%,39.4%)`
HSV (or HSB)	185.5°, 10.4, 41.6
Web Safe	666666	`#666666`

CIE-LAB	43.619, -3.582, -1.869
XYZ	12.372, 13.576, 15.604
xyY	0.298, 0.327, 13.576
CIE-LCH	43.619, 4.041, 207.552
CIE-LUV	43.619, -5.417, -1.951
Hunter-Lab	36.846, -4.546, 0.684
Binary	01011111, 01101001, 01101010

#5f696a
```
#5f696a rgb(95,105,106)
```
#6a605f
```
#6a605f rgb(106,96,95)
```

Complementary Color

#5f6a66
```
#5f6a66 rgb(95,106,102)
```
#5f696a
```
#5f696a rgb(95,105,106)
```
#5f646a
```
#5f646a rgb(95,100,106)
```

Analogous Color

#6a665f
```
#6a665f rgb(106,102,95)
```
#5f696a
```
#5f696a rgb(95,105,106)
```
#6a5f64
```
#6a5f64 rgb(106,95,100)
```

Split Complementary Color

#696a5f
```
#696a5f rgb(105,106,95)
```
#5f696a
```
#5f696a rgb(95,105,106)
```
#6a5f69
```
#6a5f69 rgb(106,95,105)
```

Triadic Color

#5f6a60
```
#5f6a60 rgb(95,106,96)
```
#5f696a
```
#5f696a rgb(95,105,106)
```
#6a5f69
```
#6a5f69 rgb(106,95,105)
```
#6a605f
```
#6a605f rgb(106,96,95)
```

Tetradic Color

#3b4142
```
#3b4142 rgb(59,65,66)
```
#474e4f
```
#474e4f rgb(71,78,79)
```
#535c5d
```
#535c5d rgb(83,92,93)
```
#5f696a
```
#5f696a rgb(95,105,106)
```
#6b7677
```
#6b7677 rgb(107,118,119)
```
#778485
```
#778485 rgb(119,132,133)
```
#849091
```
#849091 rgb(132,144,145)
```

Monochromatic Color

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

#5f6a68
```
#5f6a68 rgb(95,106,104)
```
#5f6a69
```
#5f6a69 rgb(95,106,105)
```
#5f6a6a
```
#5f6a6a rgb(95,106,106)
```
#5f696a
```
#5f696a rgb(95,105,106)
```
#5f686a
```
#5f686a rgb(95,104,106)
```
#5f676a
```
#5f676a rgb(95,103,106)
```
#5f666a
```
#5f666a rgb(95,102,106)
```

Similar Colors

Text with hexadecimal color #5f696a

This text has a font color of #5f696a.

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

#5f696a background color

This paragraph has a background color of #5f696a.

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

#5f696a border color

This element has a border color of #5f696a.

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

CSS codes

.text {color:#5f696a;}

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

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

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)
```
#1e2122
```
#1e2122 rgb(30,33,34)
```
#272c2c
```
#272c2c rgb(39,44,44)
```
#313636
```
#313636 rgb(49,54,54)
```
#3a4041
```
#3a4041 rgb(58,64,65)
```
#434a4b
```
#434a4b rgb(67,74,75)
```
#4c5555
```
#4c5555 rgb(76,85,85)
```
#565f60
```
#565f60 rgb(86,95,96)
```
#5f696a
```
#5f696a rgb(95,105,106)
```
#687374
```
#687374 rgb(104,115,116)
```
#727d7f
```
#727d7f rgb(114,125,127)
```

Shade Color Variation

#7b8889
```
#7b8889 rgb(123,136,137)
```
#859192
```
#859192 rgb(133,145,146)
```
#909a9b
```
#909a9b rgb(144,154,155)
```
#9aa4a5
```
#9aa4a5 rgb(154,164,165)
```
#a4adae
```
#a4adae rgb(164,173,174)
```
#afb6b7
```
#afb6b7 rgb(175,182,183)
```
#b9c0c0
```
#b9c0c0 rgb(185,192,192)
```
#c3c9ca
```
#c3c9ca rgb(195,201,202)
```
#ced2d3
```
#ced2d3 rgb(206,210,211)
```
#d8dcdc
```
#d8dcdc rgb(216,220,220)
```
#e3e5e5
```
#e3e5e5 rgb(227,229,229)
```
#edefef
```
#edefef rgb(237,239,239)
```
#f7f8f8
```
#f7f8f8 rgb(247,248,248)
```

Tint Color Variation

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

#5f696a
```
#5f696a rgb(95,105,106)
```
#576f72
```
#576f72 rgb(87,111,114)
```
#507679
```
#507679 rgb(80,118,121)
```
#487c81
```
#487c81 rgb(72,124,129)
```
#408289
```
#408289 rgb(64,130,137)
```
#388991
```
#388991 rgb(56,137,145)
```
#318f98
```
#318f98 rgb(49,143,152)
```
#2995a0
```
#2995a0 rgb(41,149,160)
```
#219ca8
```
#219ca8 rgb(33,156,168)
```
#19a2b0
```
#19a2b0 rgb(25,162,176)
```
#12a8b7
```
#12a8b7 rgb(18,168,183)
```
#0aafbf
```
#0aafbf rgb(10,175,191)
```
#02b5c7
```
#02b5c7 rgb(2,181,199)
```

Tone Color Variation

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

Dichromacy

#706e70 Protanopia 1% of men
#776b73 Deuteranopia 1% of men
#686f77 Tritanopia 0.001% of the population

Trichromacy

#6a6c6e Protanomaly 1% of men, 0.01% of women
#6e6a6f Deuteranomaly 6% of men, 0.4% of women
#656d72 Tritanomaly 0.01% of the population

#5f696a hex color

#5f696a Color Information

#5f696a Color Conversion

Color Schemes with #5f696a

Alternatives to #5f696a

#5f696a Preview

Shades and Tints of #5f696a

Tones of #5f696a

Color Blindness Simulator