#5AB696

#5AB696

Color Values

HEX

#5AB696

RGB

90, 182, 150

HSL

159.1, 38.7%, 53.3%

HSV

159.1, 50.5%, 71.4%

CMYK

50.5%, 0.0%, 17.6%, 28.6%

OKLCH

0.7106 0.1009 168.3

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#5AB696

#B65A7A

Analogous

#5AB668

#5AA8B6

#5AB696

Triadic

#5AB696

#965AB6

#B6965A

Split Complementary

#5AB696

#B65AA8

#B6685A

Tetradic

#5AB696

#685AB6

#B65A7A

#A8B65A

Color Blindness Simulation

Original

#5AB696

Protanopia

#82839E

Deuteranopia

#7C76A0

Tritanopia

#5FA4A5

Achromatopsia

#A0A0A0

CSS Usage

background-color: #5AB696;
color: #5AB696;
border-color: #5AB696;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CDE9DF
300
#AAD9C9
400
#7CC5AC
500
#4EB18E
600
#3F8D72
700
#32715B
800
#275847
900
#204136
950
#142922

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

8.57: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