#5AC79C

#5AC79C

Color Values

HEX

#5AC79C

RGB

90, 199, 156

HSL

156.3, 49.3%, 56.7%

HSV

156.3, 54.8%, 78.0%

CMYK

54.8%, 0.0%, 21.6%, 22.0%

OKLCH

0.7539 0.1194 164.8

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#5AC79C

#C75A85

Analogous

#5AC766

#5ABCC7

#5AC79C

Triadic

#5AC79C

#9C5AC7

#C79C5A

Split Complementary

#5AC79C

#C75ABC

#C7665A

Tetradic

#5AC79C

#665AC7

#C75A85

#BCC75A

Color Blindness Simulation

Original

#5AC79C

Protanopia

#898AA6

Deuteranopia

#837BA9

Tritanopia

#5FAFB0

Achromatopsia

#ADADAD

CSS Usage

background-color: #5AC79C;
color: #5AC79C;
border-color: #5AC79C;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F4FBF8
100
#E6F5EF
200
#CAEDDF
300
#A4E0C8
400
#72CFAA
500
#41BE8D
600
#349871
700
#297A5A
800
#205F46
900
#1B4635
950
#112C21

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

10.08:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026