colorhexa.com

#5aaf8b hex color

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

- R 35
- G 69
- B 55
RGB color chart
- C 49
- M 0
- Y 21
- K 31
CMYK color chart

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

The hexadecimal color #5aaf8b has RGB values of R:90, G:175, B:139 and CMYK values of C:0.49, M:0, Y:0.21, K:0.31. Its decimal value is 5943179.

Hex triplet	5aaf8b	`#5aaf8b`
RGB Decimal	90, 175, 139	`rgb(90,175,139)`
RGB Percent	35.3, 68.6, 54.5	`rgb(35.3%,68.6%,54.5%)`
CMYK	49, 0, 21, 31
HSL	154.6°, 34.7, 52	`hsl(154.6,34.7%,52%)`
HSV (or HSB)	154.6°, 48.6, 68.6
Web Safe	669999	`#669999`

CIE-LAB	65.511, -34.415, 10.618
XYZ	24.205, 34.696, 29.846
xyY	0.273, 0.391, 34.696
CIE-LCH	65.511, 36.016, 162.854
CIE-LUV	65.511, -38.47, 20.483
Hunter-Lab	58.903, -29.73, 11.19
Binary	01011010, 10101111, 10001011

#5aaf8b
```
#5aaf8b rgb(90,175,139)
```
#af5a7e
```
#af5a7e rgb(175,90,126)
```

Complementary Color

#5aaf61
```
#5aaf61 rgb(90,175,97)
```
#5aaf8b
```
#5aaf8b rgb(90,175,139)
```
#5aa9af
```
#5aa9af rgb(90,169,175)
```

Analogous Color

#af615a
```
#af615a rgb(175,97,90)
```
#5aaf8b
```
#5aaf8b rgb(90,175,139)
```
#af5aa9
```
#af5aa9 rgb(175,90,169)
```

Split Complementary Color

#af8b5a
```
#af8b5a rgb(175,139,90)
```
#5aaf8b
```
#5aaf8b rgb(90,175,139)
```
#8b5aaf
```
#8b5aaf rgb(139,90,175)
```

Triadic Color

#7eaf5a
```
#7eaf5a rgb(126,175,90)
```
#5aaf8b
```
#5aaf8b rgb(90,175,139)
```
#8b5aaf
```
#8b5aaf rgb(139,90,175)
```
#af5a7e
```
#af5a7e rgb(175,90,126)
```

Tetradic Color

#3e7f63
```
#3e7f63 rgb(62,127,99)
```
#469071
```
#469071 rgb(70,144,113)
```
#4ea17e
```
#4ea17e rgb(78,161,126)
```
#5aaf8b
```
#5aaf8b rgb(90,175,139)
```
#6bb797
```
#6bb797 rgb(107,183,151)
```
#7cc0a3
```
#7cc0a3 rgb(124,192,163)
```
#8ec8af
```
#8ec8af rgb(142,200,175)
```

Monochromatic Color

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

#5aaf76
```
#5aaf76 rgb(90,175,118)
```
#5aaf7d
```
#5aaf7d rgb(90,175,125)
```
#5aaf84
```
#5aaf84 rgb(90,175,132)
```
#5aaf8b
```
#5aaf8b rgb(90,175,139)
```
#5aaf92
```
#5aaf92 rgb(90,175,146)
```
#5aaf99
```
#5aaf99 rgb(90,175,153)
```
#5aafa0
```
#5aafa0 rgb(90,175,160)
```

Similar Colors

Text with hexadecimal color #5aaf8b

This text has a font color of #5aaf8b.

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

#5aaf8b background color

This paragraph has a background color of #5aaf8b.

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

#5aaf8b border color

This element has a border color of #5aaf8b.

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

CSS codes

.text {color:#5aaf8b;}

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

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

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

#030705
```
#030705 rgb(3,7,5)
```
#0a1410
```
#0a1410 rgb(10,20,16)
```
#10211a
```
#10211a rgb(16,33,26)
```
#162e24
```
#162e24 rgb(22,46,36)
```
#1d3c2f
```
#1d3c2f rgb(29,60,47)
```
#234939
```
#234939 rgb(35,73,57)
```
#2a5643
```
#2a5643 rgb(42,86,67)
```
#30634e
```
#30634e rgb(48,99,78)
```
#377058
```
#377058 rgb(55,112,88)
```
#3d7e62
```
#3d7e62 rgb(61,126,98)
```
#438b6d
```
#438b6d rgb(67,139,109)
```
#4a9877
```
#4a9877 rgb(74,152,119)
```
#50a581
```
#50a581 rgb(80,165,129)
```

Shade Color Variation

#5aaf8b
```
#5aaf8b rgb(90,175,139)
```
#67b594
```
#67b594 rgb(103,181,148)
```
#74bc9e
```
#74bc9e rgb(116,188,158)
```
#82c2a7
```
#82c2a7 rgb(130,194,167)
```
#8fc9b0
```
#8fc9b0 rgb(143,201,176)
```
#9ccfb9
```
#9ccfb9 rgb(156,207,185)
```
#a9d5c3
```
#a9d5c3 rgb(169,213,195)
```
#b6dccc
```
#b6dccc rgb(182,220,204)
```
#c4e2d5
```
#c4e2d5 rgb(196,226,213)
```
#d1e9df
```
#d1e9df rgb(209,233,223)
```
#deefe8
```
#deefe8 rgb(222,239,232)
```
#ebf5f1
```
#ebf5f1 rgb(235,245,241)
```
#f9fcfa
```
#f9fcfa rgb(249,252,250)
```

Tint Color Variation

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

#808985
```
#808985 rgb(128,137,133)
```
#769387
```
#769387 rgb(118,147,135)
```
#6d9c88
```
#6d9c88 rgb(109,156,136)
```
#63a68a
```
#63a68a rgb(99,166,138)
```
#5aaf8b
```
#5aaf8b rgb(90,175,139)
```
#51b88c
```
#51b88c rgb(81,184,140)
```
#47c28e
```
#47c28e rgb(71,194,142)
```
#3ecb8f
```
#3ecb8f rgb(62,203,143)
```
#34d591
```
#34d591 rgb(52,213,145)
```
#2bde92
```
#2bde92 rgb(43,222,146)
```
#21e894
```
#21e894 rgb(33,232,148)
```
#18f195
```
#18f195 rgb(24,241,149)
```
#0ffa97
```
#0ffa97 rgb(15,250,151)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#869790 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca389 Protanopia 1% of men
#b79e97 Deuteranopia 1% of men
#70adba Tritanopia 0.001% of the population

Trichromacy

#8ea78a Protanomaly 1% of men, 0.01% of women
#95a493 Deuteranomaly 6% of men, 0.4% of women
#68ada8 Tritanomaly 0.01% of the population