#5aab96 hex color

In a RGB color space, hex #5aab96 is composed of 35.3% red, 67.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 0% magenta, 12.3% yellow and 32.9% black. It has a hue angle of 164.4 degrees, a saturation of 32.5% and a lightness of 51.2%. #5aab96 color hex could be obtained by blending #b4ffff with #00572d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 67
- B 59
RGB color chart
- C 47
- M 0
- Y 12
- K 33
CMYK color chart

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

The hexadecimal color #5aab96 has RGB values of R:90, G:171, B:150 and CMYK values of C:0.47, M:0, Y:0.12, K:0.33. Its decimal value is 5942166.

Hex triplet	5aab96	`#5aab96`
RGB Decimal	90, 171, 150	`rgb(90,171,150)`
RGB Percent	35.3, 67.1, 58.8	`rgb(35.3%,67.1%,58.8%)`
CMYK	47, 0, 12, 33
HSL	164.4°, 32.5, 51.2	`hsl(164.4,32.5%,51.2%)`
HSV (or HSB)	164.4°, 47.4, 67.1
Web Safe	669999	`#669999`

CIE-LAB	64.564, -29.992, 3.165
XYZ	24.283, 33.5, 34.039
xyY	0.264, 0.365, 33.5
CIE-LCH	64.564, 30.158, 173.977
CIE-LUV	64.564, -36.422, 9.293
Hunter-Lab	57.879, -26.4, 5.647
Binary	01011010, 10101011, 10010110

#5aab96
```
#5aab96 rgb(90,171,150)
```
#ab5a6f
```
#ab5a6f rgb(171,90,111)
```

Complementary Color

#5aab6e
```
#5aab6e rgb(90,171,110)
```
#5aab96
```
#5aab96 rgb(90,171,150)
```
#5a98ab
```
#5a98ab rgb(90,152,171)
```

Analogous Color

#ab6e5a
```
#ab6e5a rgb(171,110,90)
```
#5aab96
```
#5aab96 rgb(90,171,150)
```
#ab5a98
```
#ab5a98 rgb(171,90,152)
```

Split Complementary Color

#ab965a
```
#ab965a rgb(171,150,90)
```
#5aab96
```
#5aab96 rgb(90,171,150)
```
#965aab
```
#965aab rgb(150,90,171)
```

Triadic Color

#6fab5a
```
#6fab5a rgb(111,171,90)
```
#5aab96
```
#5aab96 rgb(90,171,150)
```
#965aab
```
#965aab rgb(150,90,171)
```
#ab5a6f
```
#ab5a6f rgb(171,90,111)
```

Tetradic Color

#3e7a6b
```
#3e7a6b rgb(62,122,107)
```
#478b79
```
#478b79 rgb(71,139,121)
```
#4f9c88
```
#4f9c88 rgb(79,156,136)
```
#5aab96
```
#5aab96 rgb(90,171,150)
```
#6bb4a1
```
#6bb4a1 rgb(107,180,161)
```
#7cbcac
```
#7cbcac rgb(124,188,172)
```
#8dc5b6
```
#8dc5b6 rgb(141,197,182)
```

Monochromatic Color

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

#5aab82
```
#5aab82 rgb(90,171,130)
```
#5aab89
```
#5aab89 rgb(90,171,137)
```
#5aab8f
```
#5aab8f rgb(90,171,143)
```
#5aab96
```
#5aab96 rgb(90,171,150)
```
#5aab9d
```
#5aab9d rgb(90,171,157)
```
#5aaba4
```
#5aaba4 rgb(90,171,164)
```
#5aabaa
```
#5aabaa rgb(90,171,170)
```

Similar Colors

Text with hexadecimal color #5aab96

This text has a font color of #5aab96.

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

#5aab96 background color

This paragraph has a background color of #5aab96.

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

#5aab96 border color

This element has a border color of #5aab96.

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

CSS codes

.text {color:#5aab96;}

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

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

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

#020403
```
#020403 rgb(2,4,3)
```
#09110f
```
#09110f rgb(9,17,15)
```
#0f1e1a
```
#0f1e1a rgb(15,30,26)
```
#162b26
```
#162b26 rgb(22,43,38)
```
#1c3831
```
#1c3831 rgb(28,56,49)
```
#23453c
```
#23453c rgb(35,69,60)
```
#2a5248
```
#2a5248 rgb(42,82,72)
```
#305f53
```
#305f53 rgb(48,95,83)
```
#376c5e
```
#376c5e rgb(55,108,94)
```
#3e796a
```
#3e796a rgb(62,121,106)
```
#448675
```
#448675 rgb(68,134,117)
```
#4b9380
```
#4b9380 rgb(75,147,128)
```
#51a08c
```
#51a08c rgb(81,160,140)
```

Shade Color Variation

#5aab96
```
#5aab96 rgb(90,171,150)
```
#67b29e
```
#67b29e rgb(103,178,158)
```
#74b8a7
```
#74b8a7 rgb(116,184,167)
```
#81bfaf
```
#81bfaf rgb(129,191,175)
```
#8ec5b7
```
#8ec5b7 rgb(142,197,183)
```
#9bccbf
```
#9bccbf rgb(155,204,191)
```
#a8d3c8
```
#a8d3c8 rgb(168,211,200)
```
#b5d9d0
```
#b5d9d0 rgb(181,217,208)
```
#c2e0d8
```
#c2e0d8 rgb(194,224,216)
```
#cfe7e0
```
#cfe7e0 rgb(207,231,224)
```
#dcede9
```
#dcede9 rgb(220,237,233)
```
#e9f4f1
```
#e9f4f1 rgb(233,244,241)
```
#f6faf9
```
#f6faf9 rgb(246,250,249)
```

Tint Color Variation

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

#808584
```
#808584 rgb(128,133,132)
```
#778e88
```
#778e88 rgb(119,142,136)
```
#6d988d
```
#6d988d rgb(109,152,141)
```
#64a191
```
#64a191 rgb(100,161,145)
```
#5aab96
```
#5aab96 rgb(90,171,150)
```
#50b59b
```
#50b59b rgb(80,181,155)
```
#47be9f
```
#47be9f rgb(71,190,159)
```
#3dc8a4
```
#3dc8a4 rgb(61,200,164)
```
#34d1a8
```
#34d1a8 rgb(52,209,168)
```
#2adbad
```
#2adbad rgb(42,219,173)
```
#21e4b2
```
#21e4b2 rgb(33,228,178)
```
#17eeb6
```
#17eeb6 rgb(23,238,182)
```
#0df8bb
```
#0df8bb rgb(13,248,187)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#859591 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a194 Protanopia 1% of men
#b09ca1 Deuteranopia 1% of men
#6cabb7 Tritanopia 0.001% of the population

Trichromacy

#8ba494 Protanomaly 1% of men, 0.01% of women
#90a29d Deuteranomaly 6% of men, 0.4% of women
#65abab Tritanomaly 0.01% of the population

#5aab96 hex color

#5aab96 Color Information

#5aab96 Color Conversion

Color Schemes with #5aab96

Alternatives to #5aab96

#5aab96 Preview

Shades and Tints of #5aab96

Tones of #5aab96

Color Blindness Simulator