#5a7f74 hex color

In a RGB color space, hex #5a7f74 is composed of 35.3% red, 49.8% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 0% magenta, 8.7% yellow and 50.2% black. It has a hue angle of 162.2 degrees, a saturation of 17.1% and a lightness of 42.5%. #5a7f74 color hex could be obtained by blending #b4fee8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 50
- B 45
RGB color chart
- C 29
- M 0
- Y 9
- K 50
CMYK color chart

● #5a7f74 color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #5a7f74 has RGB values of R:90, G:127, B:116 and CMYK values of C:0.29, M:0, Y:0.09, K:0.5. Its decimal value is 5930868.

Hex triplet	5a7f74	`#5a7f74`
RGB Decimal	90, 127, 116	`rgb(90,127,116)`
RGB Percent	35.3, 49.8, 45.5	`rgb(35.3%,49.8%,45.5%)`
CMYK	29, 0, 9, 50
HSL	162.2°, 17.1, 42.5	`hsl(162.2,17.1%,42.5%)`
HSV (or HSB)	162.2°, 29.1, 49.8
Web Safe	666666	`#666666`

CIE-LAB	50.231, -15.534, 1.793
XYZ	14.957, 18.613, 19.327
xyY	0.283, 0.352, 18.613
CIE-LCH	50.231, 15.637, 173.416
CIE-LUV	50.231, -18.24, 4.822
Hunter-Lab	43.143, -13.614, 3.64
Binary	01011010, 01111111, 01110100

#5a7f74
```
#5a7f74 rgb(90,127,116)
```
#7f5a65
```
#7f5a65 rgb(127,90,101)
```

Complementary Color

#5a7f62
```
#5a7f62 rgb(90,127,98)
```
#5a7f74
```
#5a7f74 rgb(90,127,116)
```
#5a787f
```
#5a787f rgb(90,120,127)
```

Analogous Color

#7f625a
```
#7f625a rgb(127,98,90)
```
#5a7f74
```
#5a7f74 rgb(90,127,116)
```
#7f5a78
```
#7f5a78 rgb(127,90,120)
```

Split Complementary Color

#7f745a
```
#7f745a rgb(127,116,90)
```
#5a7f74
```
#5a7f74 rgb(90,127,116)
```
#745a7f
```
#745a7f rgb(116,90,127)
```

Triadic Color

#657f5a
```
#657f5a rgb(101,127,90)
```
#5a7f74
```
#5a7f74 rgb(90,127,116)
```
#745a7f
```
#745a7f rgb(116,90,127)
```
#7f5a65
```
#7f5a65 rgb(127,90,101)
```

Tetradic Color

#3a524b
```
#3a524b rgb(58,82,75)
```
#456159
```
#456159 rgb(69,97,89)
```
#4f7066
```
#4f7066 rgb(79,112,102)
```
#5a7f74
```
#5a7f74 rgb(90,127,116)
```
#658e82
```
#658e82 rgb(101,142,130)
```
#719b8e
```
#719b8e rgb(113,155,142)
```
#80a59a
```
#80a59a rgb(128,165,154)
```

Monochromatic Color

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

#5a7f6b
```
#5a7f6b rgb(90,127,107)
```
#5a7f6e
```
#5a7f6e rgb(90,127,110)
```
#5a7f71
```
#5a7f71 rgb(90,127,113)
```
#5a7f74
```
#5a7f74 rgb(90,127,116)
```
#5a7f77
```
#5a7f77 rgb(90,127,119)
```
#5a7f7a
```
#5a7f7a rgb(90,127,122)
```
#5a7f7d
```
#5a7f7d rgb(90,127,125)
```

Similar Colors

Text with hexadecimal color #5a7f74

This text has a font color of #5a7f74.

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

#5a7f74 background color

This paragraph has a background color of #5a7f74.

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

#5a7f74 border color

This element has a border color of #5a7f74.

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

CSS codes

.text {color:#5a7f74;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090c0b
```
#090c0b rgb(9,12,11)
```
#111816
```
#111816 rgb(17,24,22)
```
#192320
```
#192320 rgb(25,35,32)
```
#212f2b
```
#212f2b rgb(33,47,43)
```
#293a35
```
#293a35 rgb(41,58,53)
```
#314640
```
#314640 rgb(49,70,64)
```
#39514a
```
#39514a rgb(57,81,74)
```
#425d55
```
#425d55 rgb(66,93,85)
```
#4a685f
```
#4a685f rgb(74,104,95)
```
#52746a
```
#52746a rgb(82,116,106)
```
#5a7f74
```
#5a7f74 rgb(90,127,116)
```
#628a7e
```
#628a7e rgb(98,138,126)
```

Shade Color Variation

#6a9689
```
#6a9689 rgb(106,150,137)
```
#769e92
```
#769e92 rgb(118,158,146)
```
#81a69b
```
#81a69b rgb(129,166,155)
```
#8daea4
```
#8daea4 rgb(141,174,164)
```
#98b6ad
```
#98b6ad rgb(152,182,173)
```
#a4beb7
```
#a4beb7 rgb(164,190,183)
```
#afc7c0
```
#afc7c0 rgb(175,199,192)
```
#bbcfc9
```
#bbcfc9 rgb(187,207,201)
```
#c6d7d2
```
#c6d7d2 rgb(198,215,210)
```
#d2dfdb
```
#d2dfdb rgb(210,223,219)
```
#dde7e4
```
#dde7e4 rgb(221,231,228)
```
#e9efed
```
#e9efed rgb(233,239,237)
```
#f4f7f6
```
#f4f7f6 rgb(244,247,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6e6d is the less saturated color, while #07d296 is the most saturated one.

#6b6e6d
```
#6b6e6d rgb(107,110,109)
```
#627771
```
#627771 rgb(98,119,113)
```
#5a7f74
```
#5a7f74 rgb(90,127,116)
```
#528777
```
#528777 rgb(82,135,119)
```
#49907b
```
#49907b rgb(73,144,123)
```
#41987e
```
#41987e rgb(65,152,126)
```
#39a082
```
#39a082 rgb(57,160,130)
```
#30a985
```
#30a985 rgb(48,169,133)
```
#28b188
```
#28b188 rgb(40,177,136)
```
#20b98c
```
#20b98c rgb(32,185,140)
```
#17c28f
```
#17c28f rgb(23,194,143)
```
#0fca92
```
#0fca92 rgb(15,202,146)
```
#07d296
```
#07d296 rgb(7,210,150)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6e7573 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827e77 Protanopia 1% of men
#897a7e Deuteranopia 1% of men
#67838c Tritanopia 0.001% of the population

Trichromacy

#737e76 Protanomaly 1% of men, 0.01% of women
#787c7a Deuteranomaly 6% of men, 0.4% of women
#628183 Tritanomaly 0.01% of the population

#5a7f74 hex color

#5a7f74 Color Information

#5a7f74 Color Conversion

Color Schemes with #5a7f74

Alternatives to #5a7f74

#5a7f74 Preview

Shades and Tints of #5a7f74

Tones of #5a7f74

Color Blindness Simulator