#5aaf74 hex color

In a RGB color space, hex #5aaf74 is composed of 35.3% red, 68.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 0% magenta, 33.7% yellow and 31.4% black. It has a hue angle of 138.4 degrees, a saturation of 34.7% and a lightness of 52%. #5aaf74 color hex could be obtained by blending #b4ffe8 with #005f00. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 35
- G 69
- B 45
RGB color chart
- C 49
- M 0
- Y 34
- K 31
CMYK color chart

● #5aaf74 color description : Dark moderate cyan - lime green.

The hexadecimal color #5aaf74 has RGB values of R:90, G:175, B:116 and CMYK values of C:0.49, M:0, Y:0.34, K:0.31. Its decimal value is 5943156.

Hex triplet	5aaf74	`#5aaf74`
RGB Decimal	90, 175, 116	`rgb(90,175,116)`
RGB Percent	35.3, 68.6, 45.5	`rgb(35.3%,68.6%,45.5%)`
CMYK	49, 0, 34, 31
HSL	138.4°, 34.7, 52	`hsl(138.4,34.7%,52%)`
HSV (or HSB)	138.4°, 48.6, 68.6
Web Safe	669966	`#669966`

CIE-LAB	65.036, -39.089, 22.525
XYZ	22.698, 34.093, 21.907
xyY	0.288, 0.433, 34.093
CIE-LCH	65.036, 45.114, 150.047
CIE-LUV	65.036, -39.294, 36.54
Hunter-Lab	58.389, -32.793, 18.628
Binary	01011010, 10101111, 01110100

#5aaf74
```
#5aaf74 rgb(90,175,116)
```
#af5a95
```
#af5a95 rgb(175,90,149)
```

Complementary Color

#6baf5a
```
#6baf5a rgb(107,175,90)
```
#5aaf74
```
#5aaf74 rgb(90,175,116)
```
#5aaf9f
```
#5aaf9f rgb(90,175,159)
```

Analogous Color

#af5a6b
```
#af5a6b rgb(175,90,107)
```
#5aaf74
```
#5aaf74 rgb(90,175,116)
```
#9f5aaf
```
#9f5aaf rgb(159,90,175)
```

Split Complementary Color

#af745a
```
#af745a rgb(175,116,90)
```
#5aaf74
```
#5aaf74 rgb(90,175,116)
```
#745aaf
```
#745aaf rgb(116,90,175)
```

Triadic Color

#95af5a
```
#95af5a rgb(149,175,90)
```
#5aaf74
```
#5aaf74 rgb(90,175,116)
```
#745aaf
```
#745aaf rgb(116,90,175)
```
#af5a95
```
#af5a95 rgb(175,90,149)
```

Tetradic Color

#3e7f52
```
#3e7f52 rgb(62,127,82)
```
#46905d
```
#46905d rgb(70,144,93)
```
#4ea168
```
#4ea168 rgb(78,161,104)
```
#5aaf74
```
#5aaf74 rgb(90,175,116)
```
#6bb782
```
#6bb782 rgb(107,183,130)
```
#7cc091
```
#7cc091 rgb(124,192,145)
```
#8ec89f
```
#8ec89f rgb(142,200,159)
```

Monochromatic Color

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

#5aaf5f
```
#5aaf5f rgb(90,175,95)
```
#5aaf66
```
#5aaf66 rgb(90,175,102)
```
#5aaf6d
```
#5aaf6d rgb(90,175,109)
```
#5aaf74
```
#5aaf74 rgb(90,175,116)
```
#5aaf7b
```
#5aaf7b rgb(90,175,123)
```
#5aaf82
```
#5aaf82 rgb(90,175,130)
```
#5aaf89
```
#5aaf89 rgb(90,175,137)
```

Similar Colors

Text with hexadecimal color #5aaf74

This text has a font color of #5aaf74.

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

#5aaf74 background color

This paragraph has a background color of #5aaf74.

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

#5aaf74 border color

This element has a border color of #5aaf74.

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

CSS codes

.text {color:#5aaf74;}

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

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

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

#030704
```
#030704 rgb(3,7,4)
```
#0a140d
```
#0a140d rgb(10,20,13)
```
#102115
```
#102115 rgb(16,33,21)
```
#162e1e
```
#162e1e rgb(22,46,30)
```
#1d3c26
```
#1d3c26 rgb(29,60,38)
```
#23492f
```
#23492f rgb(35,73,47)
```
#2a5637
```
#2a5637 rgb(42,86,55)
```
#306340
```
#306340 rgb(48,99,64)
```
#377048
```
#377048 rgb(55,112,72)
```
#3d7e51
```
#3d7e51 rgb(61,126,81)
```
#438b59
```
#438b59 rgb(67,139,89)
```
#4a9862
```
#4a9862 rgb(74,152,98)
```
#50a56a
```
#50a56a rgb(80,165,106)
```

Shade Color Variation

#5aaf74
```
#5aaf74 rgb(90,175,116)
```
#67b57f
```
#67b57f rgb(103,181,127)
```
#74bc8a
```
#74bc8a rgb(116,188,138)
```
#82c295
```
#82c295 rgb(130,194,149)
```
#8fc9a1
```
#8fc9a1 rgb(143,201,161)
```
#9ccfac
```
#9ccfac rgb(156,207,172)
```
#a9d5b7
```
#a9d5b7 rgb(169,213,183)
```
#b6dcc2
```
#b6dcc2 rgb(182,220,194)
```
#c4e2cd
```
#c4e2cd rgb(196,226,205)
```
#d1e9d8
```
#d1e9d8 rgb(209,233,216)
```
#deefe3
```
#deefe3 rgb(222,239,227)
```
#ebf5ee
```
#ebf5ee rgb(235,245,238)
```
#f9fcfa
```
#f9fcfa rgb(249,252,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808983 is the less saturated color, while #0ffa57 is the most saturated one.

#808983
```
#808983 rgb(128,137,131)
```
#76937f
```
#76937f rgb(118,147,127)
```
#6d9c7b
```
#6d9c7b rgb(109,156,123)
```
#63a678
```
#63a678 rgb(99,166,120)
```
#5aaf74
```
#5aaf74 rgb(90,175,116)
```
#51b870
```
#51b870 rgb(81,184,112)
```
#47c26d
```
#47c26d rgb(71,194,109)
```
#3ecb69
```
#3ecb69 rgb(62,203,105)
```
#34d565
```
#34d565 rgb(52,213,101)
```
#2bde62
```
#2bde62 rgb(43,222,98)
```
#21e85e
```
#21e85e rgb(33,232,94)
```
#18f15a
```
#18f15a rgb(24,241,90)
```
#0ffa57
```
#0ffa57 rgb(15,250,87)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#84958a Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa274 Protanopia 1% of men
#bd9c82 Deuteranopia 1% of men
#74abb7 Tritanopia 0.001% of the population

Trichromacy

#90a774 Protanomaly 1% of men, 0.01% of women
#99a37d Deuteranomaly 6% of men, 0.4% of women
#6aac9f Tritanomaly 0.01% of the population

#5aaf74 hex color

#5aaf74 Color Information

#5aaf74 Color Conversion

Color Schemes with #5aaf74

Alternatives to #5aaf74

#5aaf74 Preview

Shades and Tints of #5aaf74

Tones of #5aaf74

Color Blindness Simulator