#5f7368 hex color

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

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

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

The hexadecimal color #5f7368 has RGB values of R:95, G:115, B:104 and CMYK values of C:0.17, M:0, Y:0.1, K:0.55. Its decimal value is 6255464.

Hex triplet	5f7368	`#5f7368`
RGB Decimal	95, 115, 104	`rgb(95,115,104)`
RGB Percent	37.3, 45.1, 40.8	`rgb(37.3%,45.1%,40.8%)`
CMYK	17, 0, 10, 55
HSL	147°, 9.5, 41.2	`hsl(147,9.5%,41.2%)`
HSV (or HSB)	147°, 17.4, 45.1
Web Safe	666666	`#666666`

CIE-LAB	46.57, -9.803, 3.626
XYZ	13.348, 15.694, 15.422
xyY	0.3, 0.353, 15.694
CIE-LCH	46.57, 10.452, 159.701
CIE-LUV	46.57, -10.206, 6.31
Hunter-Lab	39.615, -9.182, 4.649
Binary	01011111, 01110011, 01101000

#5f7368
```
#5f7368 rgb(95,115,104)
```
#735f6a
```
#735f6a rgb(115,95,106)
```

Complementary Color

#60735f
```
#60735f rgb(96,115,95)
```
#5f7368
```
#5f7368 rgb(95,115,104)
```
#5f7372
```
#5f7372 rgb(95,115,114)
```

Analogous Color

#735f60
```
#735f60 rgb(115,95,96)
```
#5f7368
```
#5f7368 rgb(95,115,104)
```
#725f73
```
#725f73 rgb(114,95,115)
```

Split Complementary Color

#73685f
```
#73685f rgb(115,104,95)
```
#5f7368
```
#5f7368 rgb(95,115,104)
```
#685f73
```
#685f73 rgb(104,95,115)
```

Triadic Color

#6a735f
```
#6a735f rgb(106,115,95)
```
#5f7368
```
#5f7368 rgb(95,115,104)
```
#685f73
```
#685f73 rgb(104,95,115)
```
#735f6a
```
#735f6a rgb(115,95,106)
```

Tetradic Color

#3c4942
```
#3c4942 rgb(60,73,66)
```
#48574f
```
#48574f rgb(72,87,79)
```
#53655b
```
#53655b rgb(83,101,91)
```
#5f7368
```
#5f7368 rgb(95,115,104)
```
#6b8175
```
#6b8175 rgb(107,129,117)
```
#778e81
```
#778e81 rgb(119,142,129)
```
#859a8e
```
#859a8e rgb(133,154,142)
```

Monochromatic Color

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

#5f7363
```
#5f7363 rgb(95,115,99)
```
#5f7365
```
#5f7365 rgb(95,115,101)
```
#5f7366
```
#5f7366 rgb(95,115,102)
```
#5f7368
```
#5f7368 rgb(95,115,104)
```
#5f736a
```
#5f736a rgb(95,115,106)
```
#5f736b
```
#5f736b rgb(95,115,107)
```
#5f736d
```
#5f736d rgb(95,115,109)
```

Similar Colors

Text with hexadecimal color #5f7368

This text has a font color of #5f7368.

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

#5f7368 background color

This paragraph has a background color of #5f7368.

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

#5f7368 border color

This element has a border color of #5f7368.

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

CSS codes

.text {color:#5f7368;}

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

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

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)
```
#0f1211
```
#0f1211 rgb(15,18,17)
```
#181d1a
```
#181d1a rgb(24,29,26)
```
#212824
```
#212824 rgb(33,40,36)
```
#2a332e
```
#2a332e rgb(42,51,46)
```
#333d37
```
#333d37 rgb(51,61,55)
```
#3c4841
```
#3c4841 rgb(60,72,65)
```
#44534b
```
#44534b rgb(68,83,75)
```
#4d5e55
```
#4d5e55 rgb(77,94,85)
```
#56685e
```
#56685e rgb(86,104,94)
```
#5f7368
```
#5f7368 rgb(95,115,104)
```
#687e72
```
#687e72 rgb(104,126,114)
```
#71887b
```
#71887b rgb(113,136,123)
```

Shade Color Variation

#7b9285
```
#7b9285 rgb(123,146,133)
```
#869b8f
```
#869b8f rgb(134,155,143)
```
#90a499
```
#90a499 rgb(144,164,153)
```
#9bada3
```
#9bada3 rgb(155,173,163)
```
#a6b5ad
```
#a6b5ad rgb(166,181,173)
```
#b1beb7
```
#b1beb7 rgb(177,190,183)
```
#bbc7c1
```
#bbc7c1 rgb(187,199,193)
```
#c6d0cb
```
#c6d0cb rgb(198,208,203)
```
#d1d9d4
```
#d1d9d4 rgb(209,217,212)
```
#dce2de
```
#dce2de rgb(220,226,222)
```
#e6ebe8
```
#e6ebe8 rgb(230,235,232)
```
#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, #676b69 is the less saturated color, while #06cc5f is the most saturated one.

#676b69
```
#676b69 rgb(103,107,105)
```
#5f7368
```
#5f7368 rgb(95,115,104)
```
#577b67
```
#577b67 rgb(87,123,103)
```
#4f8366
```
#4f8366 rgb(79,131,102)
```
#478b66
```
#478b66 rgb(71,139,102)
```
#3f9365
```
#3f9365 rgb(63,147,101)
```
#379b64
```
#379b64 rgb(55,155,100)
```
#2fa363
```
#2fa363 rgb(47,163,99)
```
#26ac62
```
#26ac62 rgb(38,172,98)
```
#1eb462
```
#1eb462 rgb(30,180,98)
```
#16bc61
```
#16bc61 rgb(22,188,97)
```
#0ec460
```
#0ec460 rgb(14,196,96)
```
#06cc5f
```
#06cc5f rgb(6,204,95)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#696d6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#79756d Protanopia 1% of men
#827272 Deuteranopia 1% of men
#6a7780 Tritanopia 0.001% of the population

Trichromacy

#70746b Protanomaly 1% of men, 0.01% of women
#75726e Deuteranomaly 6% of men, 0.4% of women
#667677 Tritanomaly 0.01% of the population

#5f7368 hex color

#5f7368 Color Information

#5f7368 Color Conversion

Color Schemes with #5f7368

Alternatives to #5f7368

#5f7368 Preview

Shades and Tints of #5f7368

Tones of #5f7368

Color Blindness Simulator