#5f7364 hex color

In a RGB color space, hex #5f7364 is composed of 37.3% red, 45.1% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 17.4% cyan, 0% magenta, 13% yellow and 54.9% black. It has a hue angle of 135 degrees, a saturation of 9.5% and a lightness of 41.2%. #5f7364 color hex could be obtained by blending #bee6c8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 37
- G 45
- B 39
RGB color chart
- C 17
- M 0
- Y 13
- K 55
CMYK color chart

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

The hexadecimal color #5f7364 has RGB values of R:95, G:115, B:100 and CMYK values of C:0.17, M:0, Y:0.13, K:0.55. Its decimal value is 6255460.

Hex triplet	5f7364	`#5f7364`
RGB Decimal	95, 115, 100	`rgb(95,115,100)`
RGB Percent	37.3, 45.1, 39.2	`rgb(37.3%,45.1%,39.2%)`
CMYK	17, 0, 13, 55
HSL	135°, 9.5, 41.2	`hsl(135,9.5%,41.2%)`
HSV (or HSB)	135°, 17.4, 45.1
Web Safe	666666	`#666666`

CIE-LAB	46.464, -10.642, 5.854
XYZ	13.15, 15.614, 14.377
xyY	0.305, 0.362, 15.614
CIE-LCH	46.464, 12.145, 151.186
CIE-LUV	46.464, -10.131, 9.314
Hunter-Lab	39.515, -9.75, 6.089
Binary	01011111, 01110011, 01100100

#5f7364
```
#5f7364 rgb(95,115,100)
```
#735f6e
```
#735f6e rgb(115,95,110)
```

Complementary Color

#64735f
```
#64735f rgb(100,115,95)
```
#5f7364
```
#5f7364 rgb(95,115,100)
```
#5f736e
```
#5f736e rgb(95,115,110)
```

Analogous Color

#735f64
```
#735f64 rgb(115,95,100)
```
#5f7364
```
#5f7364 rgb(95,115,100)
```
#6e5f73
```
#6e5f73 rgb(110,95,115)
```

Split Complementary Color

#73645f
```
#73645f rgb(115,100,95)
```
#5f7364
```
#5f7364 rgb(95,115,100)
```
#645f73
```
#645f73 rgb(100,95,115)
```

Triadic Color

#6e735f
```
#6e735f rgb(110,115,95)
```
#5f7364
```
#5f7364 rgb(95,115,100)
```
#645f73
```
#645f73 rgb(100,95,115)
```
#735f6e
```
#735f6e rgb(115,95,110)
```

Tetradic Color

#3c4940
```
#3c4940 rgb(60,73,64)
```
#48574c
```
#48574c rgb(72,87,76)
```
#536558
```
#536558 rgb(83,101,88)
```
#5f7364
```
#5f7364 rgb(95,115,100)
```
#6b8170
```
#6b8170 rgb(107,129,112)
```
#778e7d
```
#778e7d rgb(119,142,125)
```
#859a8a
```
#859a8a rgb(133,154,138)
```

Monochromatic Color

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

#5f735f
```
#5f735f rgb(95,115,95)
```
#5f7361
```
#5f7361 rgb(95,115,97)
```
#5f7362
```
#5f7362 rgb(95,115,98)
```
#5f7364
```
#5f7364 rgb(95,115,100)
```
#5f7366
```
#5f7366 rgb(95,115,102)
```
#5f7367
```
#5f7367 rgb(95,115,103)
```
#5f7369
```
#5f7369 rgb(95,115,105)
```

Similar Colors

Text with hexadecimal color #5f7364

This text has a font color of #5f7364.

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

#5f7364 background color

This paragraph has a background color of #5f7364.

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

#5f7364 border color

This element has a border color of #5f7364.

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

CSS codes

.text {color:#5f7364;}

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

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

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

#060807
```
#060807 rgb(6,8,7)
```
#0f1210
```
#0f1210 rgb(15,18,16)
```
#181d19
```
#181d19 rgb(24,29,25)
```
#212823
```
#212823 rgb(33,40,35)
```
#2a332c
```
#2a332c rgb(42,51,44)
```
#333d35
```
#333d35 rgb(51,61,53)
```
#3c483f
```
#3c483f rgb(60,72,63)
```
#445348
```
#445348 rgb(68,83,72)
```
#4d5e51
```
#4d5e51 rgb(77,94,81)
```
#56685b
```
#56685b rgb(86,104,91)
```
#5f7364
```
#5f7364 rgb(95,115,100)
```
#687e6d
```
#687e6d rgb(104,126,109)
```
#718877
```
#718877 rgb(113,136,119)
```

Shade Color Variation

#7b9281
```
#7b9281 rgb(123,146,129)
```
#869b8b
```
#869b8b rgb(134,155,139)
```
#90a495
```
#90a495 rgb(144,164,149)
```
#9bada0
```
#9bada0 rgb(155,173,160)
```
#a6b5aa
```
#a6b5aa rgb(166,181,170)
```
#b1beb4
```
#b1beb4 rgb(177,190,180)
```
#bbc7be
```
#bbc7be rgb(187,199,190)
```
#c6d0c9
```
#c6d0c9 rgb(198,208,201)
```
#d1d9d3
```
#d1d9d3 rgb(209,217,211)
```
#dce2dd
```
#dce2dd rgb(220,226,221)
```
#e6ebe7
```
#e6ebe7 rgb(230,235,231)
```
#f1f4f2
```
#f1f4f2 rgb(241,244,242)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676b68 is the less saturated color, while #06cc38 is the most saturated one.

#676b68
```
#676b68 rgb(103,107,104)
```
#5f7364
```
#5f7364 rgb(95,115,100)
```
#577b60
```
#577b60 rgb(87,123,96)
```
#4f835c
```
#4f835c rgb(79,131,92)
```
#478b58
```
#478b58 rgb(71,139,88)
```
#3f9354
```
#3f9354 rgb(63,147,84)
```
#379b50
```
#379b50 rgb(55,155,80)
```
#2fa34c
```
#2fa34c rgb(47,163,76)
```
#26ac48
```
#26ac48 rgb(38,172,72)
```
#1eb444
```
#1eb444 rgb(30,180,68)
```
#16bc40
```
#16bc40 rgb(22,188,64)
```
#0ec43c
```
#0ec43c rgb(14,196,60)
```
#06cc38
```
#06cc38 rgb(6,204,56)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#696d6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7569 Protanopia 1% of men
#83716e Deuteranopia 1% of men
#6b777f Tritanopia 0.001% of the population

Trichromacy

#707467 Protanomaly 1% of men, 0.01% of women
#75726a Deuteranomaly 6% of men, 0.4% of women
#667575 Tritanomaly 0.01% of the population

#5f7364 hex color

#5f7364 Color Information

#5f7364 Color Conversion

Color Schemes with #5f7364

Alternatives to #5f7364

#5f7364 Preview

Shades and Tints of #5f7364

Tones of #5f7364

Color Blindness Simulator