#5aaf97 hex color

In a RGB color space, hex #5aaf97 is composed of 35.3% red, 68.6% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 0% magenta, 13.7% yellow and 31.4% black. It has a hue angle of 163.1 degrees, a saturation of 34.7% and a lightness of 52%. #5aaf97 color hex could be obtained by blending #b4ffff with #005f2f. Closest websafe color is: #669999.

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

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

The hexadecimal color #5aaf97 has RGB values of R:90, G:175, B:151 and CMYK values of C:0.49, M:0, Y:0.14, K:0.31. Its decimal value is 5943191.

Hex triplet	5aaf97	`#5aaf97`
RGB Decimal	90, 175, 151	`rgb(90,175,151)`
RGB Percent	35.3, 68.6, 59.2	`rgb(35.3%,68.6%,59.2%)`
CMYK	49, 0, 14, 31
HSL	163.1°, 34.7, 52	`hsl(163.1,34.7%,52%)`
HSV (or HSB)	163.1°, 48.6, 68.6
Web Safe	669999	`#669999`

CIE-LAB	65.8, -31.671, 4.397
XYZ	25.131, 35.066, 34.721
xyY	0.265, 0.369, 35.066
CIE-LCH	65.8, 31.975, 172.097
CIE-LUV	65.8, -38.012, 11.359
Hunter-Lab	59.217, -27.877, 6.688
Binary	01011010, 10101111, 10010111

#5aaf97
```
#5aaf97 rgb(90,175,151)
```
#af5a72
```
#af5a72 rgb(175,90,114)
```

Complementary Color

#5aaf6d
```
#5aaf6d rgb(90,175,109)
```
#5aaf97
```
#5aaf97 rgb(90,175,151)
```
#5a9daf
```
#5a9daf rgb(90,157,175)
```

Analogous Color

#af6d5a
```
#af6d5a rgb(175,109,90)
```
#5aaf97
```
#5aaf97 rgb(90,175,151)
```
#af5a9d
```
#af5a9d rgb(175,90,157)
```

Split Complementary Color

#af975a
```
#af975a rgb(175,151,90)
```
#5aaf97
```
#5aaf97 rgb(90,175,151)
```
#975aaf
```
#975aaf rgb(151,90,175)
```

Triadic Color

#72af5a
```
#72af5a rgb(114,175,90)
```
#5aaf97
```
#5aaf97 rgb(90,175,151)
```
#975aaf
```
#975aaf rgb(151,90,175)
```
#af5a72
```
#af5a72 rgb(175,90,114)
```

Tetradic Color

#3e7f6c
```
#3e7f6c rgb(62,127,108)
```
#46907b
```
#46907b rgb(70,144,123)
```
#4ea18a
```
#4ea18a rgb(78,161,138)
```
#5aaf97
```
#5aaf97 rgb(90,175,151)
```
#6bb7a2
```
#6bb7a2 rgb(107,183,162)
```
#7cc0ad
```
#7cc0ad rgb(124,192,173)
```
#8ec8b7
```
#8ec8b7 rgb(142,200,183)
```

Monochromatic Color

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

#5aaf82
```
#5aaf82 rgb(90,175,130)
```
#5aaf89
```
#5aaf89 rgb(90,175,137)
```
#5aaf90
```
#5aaf90 rgb(90,175,144)
```
#5aaf97
```
#5aaf97 rgb(90,175,151)
```
#5aaf9e
```
#5aaf9e rgb(90,175,158)
```
#5aafa5
```
#5aafa5 rgb(90,175,165)
```
#5aafac
```
#5aafac rgb(90,175,172)
```

Similar Colors

Text with hexadecimal color #5aaf97

This text has a font color of #5aaf97.

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

#5aaf97 background color

This paragraph has a background color of #5aaf97.

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

#5aaf97 border color

This element has a border color of #5aaf97.

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

CSS codes

.text {color:#5aaf97;}

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

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

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

#030706
```
#030706 rgb(3,7,6)
```
#0a1411
```
#0a1411 rgb(10,20,17)
```
#10211c
```
#10211c rgb(16,33,28)
```
#162e28
```
#162e28 rgb(22,46,40)
```
#1d3c33
```
#1d3c33 rgb(29,60,51)
```
#23493e
```
#23493e rgb(35,73,62)
```
#2a5649
```
#2a5649 rgb(42,86,73)
```
#306355
```
#306355 rgb(48,99,85)
```
#377060
```
#377060 rgb(55,112,96)
```
#3d7e6b
```
#3d7e6b rgb(61,126,107)
```
#438b77
```
#438b77 rgb(67,139,119)
```
#4a9882
```
#4a9882 rgb(74,152,130)
```
#50a58d
```
#50a58d rgb(80,165,141)
```

Shade Color Variation

#5aaf97
```
#5aaf97 rgb(90,175,151)
```
#67b59f
```
#67b59f rgb(103,181,159)
```
#74bca8
```
#74bca8 rgb(116,188,168)
```
#82c2b0
```
#82c2b0 rgb(130,194,176)
```
#8fc9b8
```
#8fc9b8 rgb(143,201,184)
```
#9ccfc1
```
#9ccfc1 rgb(156,207,193)
```
#a9d5c9
```
#a9d5c9 rgb(169,213,201)
```
#b6dcd1
```
#b6dcd1 rgb(182,220,209)
```
#c4e2da
```
#c4e2da rgb(196,226,218)
```
#d1e9e2
```
#d1e9e2 rgb(209,233,226)
```
#deefea
```
#deefea rgb(222,239,234)
```
#ebf5f3
```
#ebf5f3 rgb(235,245,243)
```
#f9fcfb
```
#f9fcfb rgb(249,252,251)
```

Tint Color Variation

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

#808987
```
#808987 rgb(128,137,135)
```
#76938b
```
#76938b rgb(118,147,139)
```
#6d9c8f
```
#6d9c8f rgb(109,156,143)
```
#63a693
```
#63a693 rgb(99,166,147)
```
#5aaf97
```
#5aaf97 rgb(90,175,151)
```
#51b89b
```
#51b89b rgb(81,184,155)
```
#47c29f
```
#47c29f rgb(71,194,159)
```
#3ecba3
```
#3ecba3 rgb(62,203,163)
```
#34d5a7
```
#34d5a7 rgb(52,213,167)
```
#2bdeac
```
#2bdeac rgb(43,222,172)
```
#21e8b0
```
#21e8b0 rgb(33,232,176)
```
#18f1b4
```
#18f1b4 rgb(24,241,180)
```
#0ffab8
```
#0ffab8 rgb(15,250,184)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#889994 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba495 Protanopia 1% of men
#b49fa3 Deuteranopia 1% of men
#6daebb Tritanopia 0.001% of the population

Trichromacy

#8da895 Protanomaly 1% of men, 0.01% of women
#93a59e Deuteranomaly 6% of men, 0.4% of women
#66aeae Tritanomaly 0.01% of the population

#5aaf97 hex color

#5aaf97 Color Information

#5aaf97 Color Conversion

Color Schemes with #5aaf97

Alternatives to #5aaf97

#5aaf97 Preview

Shades and Tints of #5aaf97

Tones of #5aaf97

Color Blindness Simulator