#5AC268

#5AC268

Color Values

HEX

#5AC268

RGB

90, 194, 104

HSL

128.1, 46.0%, 55.7%

HSV

128.1, 53.6%, 76.1%

CMYK

53.6%, 0.0%, 46.4%, 23.9%

OKLCH

0.7307 0.1598 146.4

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#5AC268

#C25AB4

Analogous

#80C25A

#5AC29C

#5AC268

Triadic

#5AC268

#685AC2

#C2685A

Split Complementary

#5AC268

#9C5AC2

#C25A80

Tetradic

#5AC268

#5A80C2

#C25AB4

#C29C5A

Color Blindness Simulation

Original

#5AC268

Protanopia

#87887E

Deuteranopia

#817983

Tritanopia

#5F8F93

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F4FAF5
100
#E6F4E8
200
#CBECCF
300
#A6DEAD
400
#75CC81
500
#45BA55
600
#379544
700
#2C7736
800
#225D2A
900
#1C4522
950
#122B15

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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