#5f7566 hex color

In a RGB color space, hex #5f7566 is composed of 37.3% red, 45.9% green and 40% blue. Whereas in a CMYK color space, it is composed of 18.8% cyan, 0% magenta, 12.8% yellow and 54.1% black. It has a hue angle of 139.1 degrees, a saturation of 10.4% and a lightness of 41.6%. #5f7566 color hex could be obtained by blending #beeacc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 37
- G 46
- B 40
RGB color chart
- C 19
- M 0
- Y 13
- K 54
CMYK color chart

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

The hexadecimal color #5f7566 has RGB values of R:95, G:117, B:102 and CMYK values of C:0.19, M:0, Y:0.13, K:0.54. Its decimal value is 6255974.

Hex triplet	5f7566	`#5f7566`
RGB Decimal	95, 117, 102	`rgb(95,117,102)`
RGB Percent	37.3, 45.9, 40	`rgb(37.3%,45.9%,40%)`
CMYK	19, 0, 13, 54
HSL	139.1°, 10.4, 41.6	`hsl(139.1,10.4%,41.6%)`
HSV (or HSB)	139.1°, 18.8, 45.9
Web Safe	666666	`#666666`

CIE-LAB	47.124, -11.351, 5.61
XYZ	13.478, 16.114, 14.97
xyY	0.302, 0.362, 16.114
CIE-LCH	47.124, 12.662, 153.698
CIE-LUV	47.124, -11.145, 9.145
Hunter-Lab	40.143, -10.317, 5.99
Binary	01011111, 01110101, 01100110

#5f7566
```
#5f7566 rgb(95,117,102)
```
#755f6e
```
#755f6e rgb(117,95,110)
```

Complementary Color

#63755f
```
#63755f rgb(99,117,95)
```
#5f7566
```
#5f7566 rgb(95,117,102)
```
#5f7571
```
#5f7571 rgb(95,117,113)
```

Analogous Color

#755f63
```
#755f63 rgb(117,95,99)
```
#5f7566
```
#5f7566 rgb(95,117,102)
```
#715f75
```
#715f75 rgb(113,95,117)
```

Split Complementary Color

#75665f
```
#75665f rgb(117,102,95)
```
#5f7566
```
#5f7566 rgb(95,117,102)
```
#665f75
```
#665f75 rgb(102,95,117)
```

Triadic Color

#6e755f
```
#6e755f rgb(110,117,95)
```
#5f7566
```
#5f7566 rgb(95,117,102)
```
#665f75
```
#665f75 rgb(102,95,117)
```
#755f6e
```
#755f6e rgb(117,95,110)
```

Tetradic Color

#3d4b41
```
#3d4b41 rgb(61,75,65)
```
#48594d
```
#48594d rgb(72,89,77)
```
#54675a
```
#54675a rgb(84,103,90)
```
#5f7566
```
#5f7566 rgb(95,117,102)
```
#6a8372
```
#6a8372 rgb(106,131,114)
```
#77907f
```
#77907f rgb(119,144,127)
```
#859c8c
```
#859c8c rgb(133,156,140)
```

Monochromatic Color

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

#5f7561
```
#5f7561 rgb(95,117,97)
```
#5f7562
```
#5f7562 rgb(95,117,98)
```
#5f7564
```
#5f7564 rgb(95,117,100)
```
#5f7566
```
#5f7566 rgb(95,117,102)
```
#5f7568
```
#5f7568 rgb(95,117,104)
```
#5f756a
```
#5f756a rgb(95,117,106)
```
#5f756c
```
#5f756c rgb(95,117,108)
```

Similar Colors

Text with hexadecimal color #5f7566

This text has a font color of #5f7566.

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

#5f7566 background color

This paragraph has a background color of #5f7566.

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

#5f7566 border color

This element has a border color of #5f7566.

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

CSS codes

.text {color:#5f7566;}

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

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

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

#070908
```
#070908 rgb(7,9,8)
```
#101411
```
#101411 rgb(16,20,17)
```
#191e1a
```
#191e1a rgb(25,30,26)
```
#212924
```
#212924 rgb(33,41,36)
```
#2a342d
```
#2a342d rgb(42,52,45)
```
#333f37
```
#333f37 rgb(51,63,55)
```
#3c4a40
```
#3c4a40 rgb(60,74,64)
```
#45554a
```
#45554a rgb(69,85,74)
```
#4d5f53
```
#4d5f53 rgb(77,95,83)
```
#566a5d
```
#566a5d rgb(86,106,93)
```
#5f7566
```
#5f7566 rgb(95,117,102)
```
#68806f
```
#68806f rgb(104,128,111)
```
#718b79
```
#718b79 rgb(113,139,121)
```

Shade Color Variation

#7b9483
```
#7b9483 rgb(123,148,131)
```
#869d8d
```
#869d8d rgb(134,157,141)
```
#91a597
```
#91a597 rgb(145,165,151)
```
#9baea1
```
#9baea1 rgb(155,174,161)
```
#a6b7ac
```
#a6b7ac rgb(166,183,172)
```
#b1c0b6
```
#b1c0b6 rgb(177,192,182)
```
#bcc9c0
```
#bcc9c0 rgb(188,201,192)
```
#c7d1ca
```
#c7d1ca rgb(199,209,202)
```
#d2dad4
```
#d2dad4 rgb(210,218,212)
```
#dce3df
```
#dce3df rgb(220,227,223)
```
#e7ece9
```
#e7ece9 rgb(231,236,233)
```
#f2f5f3
```
#f2f5f3 rgb(242,245,243)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#676d69
```
#676d69 rgb(103,109,105)
```
#5f7566
```
#5f7566 rgb(95,117,102)
```
#577d63
```
#577d63 rgb(87,125,99)
```
#4f8560
```
#4f8560 rgb(79,133,96)
```
#478d5d
```
#478d5d rgb(71,141,93)
```
#3e965a
```
#3e965a rgb(62,150,90)
```
#369e57
```
#369e57 rgb(54,158,87)
```
#2ea654
```
#2ea654 rgb(46,166,84)
```
#26ae51
```
#26ae51 rgb(38,174,81)
```
#1eb64e
```
#1eb64e rgb(30,182,78)
```
#16be4b
```
#16be4b rgb(22,190,75)
```
#0dc748
```
#0dc748 rgb(13,199,72)
```
#05cf45
```
#05cf45 rgb(5,207,69)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#6a6f6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c766b Protanopia 1% of men
#847370 Deuteranopia 1% of men
#6b7981 Tritanopia 0.001% of the population

Trichromacy

#717669 Protanomaly 1% of men, 0.01% of women
#76736c Deuteranomaly 6% of men, 0.4% of women
#667777 Tritanomaly 0.01% of the population

#5f7566 hex color

#5f7566 Color Information

#5f7566 Color Conversion

Color Schemes with #5f7566

Alternatives to #5f7566

#5f7566 Preview

Shades and Tints of #5f7566

Tones of #5f7566

Color Blindness Simulator