#5aac9f hex color

In a RGB color space, hex #5aac9f is composed of 35.3% red, 67.5% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 0% magenta, 7.6% yellow and 32.5% black. It has a hue angle of 170.5 degrees, a saturation of 33.1% and a lightness of 51.4%. #5aac9f color hex could be obtained by blending #b4ffff with #00593f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 67
- B 62
RGB color chart
- C 48
- M 0
- Y 8
- K 33
CMYK color chart

● #5aac9f color description : Dark moderate cyan.

The hexadecimal color #5aac9f has RGB values of R:90, G:172, B:159 and CMYK values of C:0.48, M:0, Y:0.08, K:0.33. Its decimal value is 5942431.

Hex triplet	5aac9f	`#5aac9f`
RGB Decimal	90, 172, 159	`rgb(90,172,159)`
RGB Percent	35.3, 67.5, 62.4	`rgb(35.3%,67.5%,62.4%)`
CMYK	48, 0, 8, 33
HSL	170.5°, 33.1, 51.4	`hsl(170.5,33.1%,51.4%)`
HSV (or HSB)	170.5°, 47.7, 67.5
Web Safe	669999	`#669999`

CIE-LAB	65.105, -28.274, -1.057
XYZ	25.225, 34.18, 38.067
xyY	0.259, 0.351, 34.18
CIE-LCH	65.105, 28.294, 182.142
CIE-LUV	65.105, -36.492, 2.863
Hunter-Lab	58.464, -25.295, 2.32
Binary	01011010, 10101100, 10011111

#5aac9f
```
#5aac9f rgb(90,172,159)
```
#ac5a67
```
#ac5a67 rgb(172,90,103)
```

Complementary Color

#5aac76
```
#5aac76 rgb(90,172,118)
```
#5aac9f
```
#5aac9f rgb(90,172,159)
```
#5a90ac
```
#5a90ac rgb(90,144,172)
```

Analogous Color

#ac765a
```
#ac765a rgb(172,118,90)
```
#5aac9f
```
#5aac9f rgb(90,172,159)
```
#ac5a90
```
#ac5a90 rgb(172,90,144)
```

Split Complementary Color

#ac9f5a
```
#ac9f5a rgb(172,159,90)
```
#5aac9f
```
#5aac9f rgb(90,172,159)
```
#9f5aac
```
#9f5aac rgb(159,90,172)
```

Triadic Color

#67ac5a
```
#67ac5a rgb(103,172,90)
```
#5aac9f
```
#5aac9f rgb(90,172,159)
```
#9f5aac
```
#9f5aac rgb(159,90,172)
```
#ac5a67
```
#ac5a67 rgb(172,90,103)
```

Tetradic Color

#3e7b72
```
#3e7b72 rgb(62,123,114)
```
#478c81
```
#478c81 rgb(71,140,129)
```
#4f9d91
```
#4f9d91 rgb(79,157,145)
```
#5aac9f
```
#5aac9f rgb(90,172,159)
```
#6bb5a9
```
#6bb5a9 rgb(107,181,169)
```
#7cbdb3
```
#7cbdb3 rgb(124,189,179)
```
#8dc6bd
```
#8dc6bd rgb(141,198,189)
```

Monochromatic Color

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

#5aac8b
```
#5aac8b rgb(90,172,139)
```
#5aac91
```
#5aac91 rgb(90,172,145)
```
#5aac98
```
#5aac98 rgb(90,172,152)
```
#5aac9f
```
#5aac9f rgb(90,172,159)
```
#5aaca6
```
#5aaca6 rgb(90,172,166)
```
#5aabac
```
#5aabac rgb(90,171,172)
```
#5aa5ac
```
#5aa5ac rgb(90,165,172)
```

Similar Colors

Text with hexadecimal color #5aac9f

This text has a font color of #5aac9f.

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

#5aac9f background color

This paragraph has a background color of #5aac9f.

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

#5aac9f border color

This element has a border color of #5aac9f.

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

CSS codes

.text {color:#5aac9f;}

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

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

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

#020504
```
#020504 rgb(2,5,4)
```
#091210
```
#091210 rgb(9,18,16)
```
#0f1f1c
```
#0f1f1c rgb(15,31,28)
```
#162c28
```
#162c28 rgb(22,44,40)
```
#1d3934
```
#1d3934 rgb(29,57,52)
```
#234640
```
#234640 rgb(35,70,64)
```
#2a534c
```
#2a534c rgb(42,83,76)
```
#306058
```
#306058 rgb(48,96,88)
```
#376d64
```
#376d64 rgb(55,109,100)
```
#3d7a70
```
#3d7a70 rgb(61,122,112)
```
#44877d
```
#44877d rgb(68,135,125)
```
#4b9489
```
#4b9489 rgb(75,148,137)
```
#51a195
```
#51a195 rgb(81,161,149)
```

Shade Color Variation

#5aac9f
```
#5aac9f rgb(90,172,159)
```
#67b3a7
```
#67b3a7 rgb(103,179,167)
```
#74b9ae
```
#74b9ae rgb(116,185,174)
```
#81c0b6
```
#81c0b6 rgb(129,192,182)
```
#8ec6bd
```
#8ec6bd rgb(142,198,189)
```
#9bcdc5
```
#9bcdc5 rgb(155,205,197)
```
#a8d3cd
```
#a8d3cd rgb(168,211,205)
```
#b5dad4
```
#b5dad4 rgb(181,218,212)
```
#c2e1dc
```
#c2e1dc rgb(194,225,220)
```
#cfe7e3
```
#cfe7e3 rgb(207,231,227)
```
#ddeeeb
```
#ddeeeb rgb(221,238,235)
```
#eaf4f3
```
#eaf4f3 rgb(234,244,243)
```
#f7fbfa
```
#f7fbfa rgb(247,251,250)
```

Tint Color Variation

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

#808685
```
#808685 rgb(128,134,133)
```
#778f8b
```
#778f8b rgb(119,143,139)
```
#6d9992
```
#6d9992 rgb(109,153,146)
```
#64a298
```
#64a298 rgb(100,162,152)
```
#5aac9f
```
#5aac9f rgb(90,172,159)
```
#50b6a6
```
#50b6a6 rgb(80,182,166)
```
#47bfac
```
#47bfac rgb(71,191,172)
```
#3dc9b3
```
#3dc9b3 rgb(61,201,179)
```
#34d2b9
```
#34d2b9 rgb(52,210,185)
```
#2adcc0
```
#2adcc0 rgb(42,220,192)
```
#21e5c6
```
#21e5c6 rgb(33,229,198)
```
#17efcd
```
#17efcd rgb(23,239,205)
```
#0ef8d3
```
#0ef8d3 rgb(14,248,211)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#879795 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a29c Protanopia 1% of men
#ae9eaa Deuteranopia 1% of men
#6aadb9 Tritanopia 0.001% of the population

Trichromacy

#8ba59d Protanomaly 1% of men, 0.01% of women
#8fa3a6 Deuteranomaly 6% of men, 0.4% of women
#64acaf Tritanomaly 0.01% of the population

#5aac9f hex color

#5aac9f Color Information

#5aac9f Color Conversion

Color Schemes with #5aac9f

Alternatives to #5aac9f

#5aac9f Preview

Shades and Tints of #5aac9f

Tones of #5aac9f

Color Blindness Simulator