#5f7366 hex color

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

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

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

The hexadecimal color #5f7366 has RGB values of R:95, G:115, B:102 and CMYK values of C:0.17, M:0, Y:0.11, K:0.55. Its decimal value is 6255462.

Hex triplet	5f7366	`#5f7366`
RGB Decimal	95, 115, 102	`rgb(95,115,102)`
RGB Percent	37.3, 45.1, 40	`rgb(37.3%,45.1%,40%)`
CMYK	17, 0, 11, 55
HSL	141°, 9.5, 41.2	`hsl(141,9.5%,41.2%)`
HSV (or HSB)	141°, 17.4, 45.1
Web Safe	666666	`#666666`

CIE-LAB	46.516, -10.226, 4.739
XYZ	13.248, 15.653, 14.893
xyY	0.303, 0.357, 15.653
CIE-LCH	46.516, 11.271, 155.134
CIE-LUV	46.516, -10.168, 7.82
Hunter-Lab	39.564, -9.469, 5.377
Binary	01011111, 01110011, 01100110

#5f7366
```
#5f7366 rgb(95,115,102)
```
#735f6c
```
#735f6c rgb(115,95,108)
```

Complementary Color

#62735f
```
#62735f rgb(98,115,95)
```
#5f7366
```
#5f7366 rgb(95,115,102)
```
#5f7370
```
#5f7370 rgb(95,115,112)
```

Analogous Color

#735f62
```
#735f62 rgb(115,95,98)
```
#5f7366
```
#5f7366 rgb(95,115,102)
```
#705f73
```
#705f73 rgb(112,95,115)
```

Split Complementary Color

#73665f
```
#73665f rgb(115,102,95)
```
#5f7366
```
#5f7366 rgb(95,115,102)
```
#665f73
```
#665f73 rgb(102,95,115)
```

Triadic Color

#6c735f
```
#6c735f rgb(108,115,95)
```
#5f7366
```
#5f7366 rgb(95,115,102)
```
#665f73
```
#665f73 rgb(102,95,115)
```
#735f6c
```
#735f6c rgb(115,95,108)
```

Tetradic Color

#3c4941
```
#3c4941 rgb(60,73,65)
```
#48574d
```
#48574d rgb(72,87,77)
```
#53655a
```
#53655a rgb(83,101,90)
```
#5f7366
```
#5f7366 rgb(95,115,102)
```
#6b8172
```
#6b8172 rgb(107,129,114)
```
#778e7f
```
#778e7f rgb(119,142,127)
```
#859a8c
```
#859a8c rgb(133,154,140)
```

Monochromatic Color

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

#5f7361
```
#5f7361 rgb(95,115,97)
```
#5f7363
```
#5f7363 rgb(95,115,99)
```
#5f7364
```
#5f7364 rgb(95,115,100)
```
#5f7366
```
#5f7366 rgb(95,115,102)
```
#5f7368
```
#5f7368 rgb(95,115,104)
```
#5f7369
```
#5f7369 rgb(95,115,105)
```
#5f736b
```
#5f736b rgb(95,115,107)
```

Similar Colors

Text with hexadecimal color #5f7366

This text has a font color of #5f7366.

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

#5f7366 background color

This paragraph has a background color of #5f7366.

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

#5f7366 border color

This element has a border color of #5f7366.

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

CSS codes

.text {color:#5f7366;}

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

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

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)
```
#181d1a
```
#181d1a rgb(24,29,26)
```
#212823
```
#212823 rgb(33,40,35)
```
#2a332d
```
#2a332d rgb(42,51,45)
```
#333d36
```
#333d36 rgb(51,61,54)
```
#3c4840
```
#3c4840 rgb(60,72,64)
```
#445349
```
#445349 rgb(68,83,73)
```
#4d5e53
```
#4d5e53 rgb(77,94,83)
```
#56685c
```
#56685c rgb(86,104,92)
```
#5f7366
```
#5f7366 rgb(95,115,102)
```
#687e70
```
#687e70 rgb(104,126,112)
```
#718879
```
#718879 rgb(113,136,121)
```

Shade Color Variation

#7b9283
```
#7b9283 rgb(123,146,131)
```
#869b8d
```
#869b8d rgb(134,155,141)
```
#90a497
```
#90a497 rgb(144,164,151)
```
#9bada1
```
#9bada1 rgb(155,173,161)
```
#a6b5ab
```
#a6b5ab rgb(166,181,171)
```
#b1beb5
```
#b1beb5 rgb(177,190,181)
```
#bbc7c0
```
#bbc7c0 rgb(187,199,192)
```
#c6d0ca
```
#c6d0ca rgb(198,208,202)
```
#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, #676b68 is the less saturated color, while #06cc4b is the most saturated one.

#676b68
```
#676b68 rgb(103,107,104)
```
#5f7366
```
#5f7366 rgb(95,115,102)
```
#577b64
```
#577b64 rgb(87,123,100)
```
#4f8361
```
#4f8361 rgb(79,131,97)
```
#478b5f
```
#478b5f rgb(71,139,95)
```
#3f935c
```
#3f935c rgb(63,147,92)
```
#379b5a
```
#379b5a rgb(55,155,90)
```
#2fa357
```
#2fa357 rgb(47,163,87)
```
#26ac55
```
#26ac55 rgb(38,172,85)
```
#1eb453
```
#1eb453 rgb(30,180,83)
```
#16bc50
```
#16bc50 rgb(22,188,80)
```
#0ec44e
```
#0ec44e rgb(14,196,78)
```
#06cc4b
```
#06cc4b rgb(6,204,75)
```

Tone Color Variation

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

#7a756b Protanopia 1% of men
#827270 Deuteranopia 1% of men
#6b7780 Tritanopia 0.001% of the population

Trichromacy

#707469 Protanomaly 1% of men, 0.01% of women
#75726c Deuteranomaly 6% of men, 0.4% of women
#667576 Tritanomaly 0.01% of the population

#5f7366 hex color

#5f7366 Color Information

#5f7366 Color Conversion

Color Schemes with #5f7366

Alternatives to #5f7366

#5f7366 Preview

Shades and Tints of #5f7366

Tones of #5f7366

Color Blindness Simulator