#5AB668

#5AB668

Color Values

HEX

#5AB668

RGB

90, 182, 104

HSL

129.1, 38.7%, 53.3%

HSV

129.1, 50.5%, 71.4%

CMYK

50.5%, 0.0%, 42.9%, 28.6%

OKLCH

0.7003 0.1428 147.1

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#5AB668

#B65AA8

Analogous

#7AB65A

#5AB696

#5AB668

Triadic

#5AB668

#685AB6

#B6685A

Split Complementary

#5AB668

#965AB6

#B65A7A

Tetradic

#5AB668

#5A7AB6

#B65AA8

#B6965A

Color Blindness Simulation

Original

#5AB668

Protanopia

#82837B

Deuteranopia

#7C767F

Tritanopia

#5F8A8D

Achromatopsia

#9D9D9D

CSS Usage

background-color: #5AB668;
color: #5AB668;
border-color: #5AB668;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5FAF6
100
#E7F3E9
200
#CDE9D2
300
#AAD9B1
400
#7CC587
500
#4EB15D
600
#3F8D4A
700
#32713C
800
#27582F
900
#204125
950
#142917

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

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