#5CC466

#5CC466

Color Values

HEX

#5CC466

RGB

92, 196, 102

HSL

125.8, 46.8%, 56.5%

HSV

125.8, 53.1%, 76.9%

CMYK

53.1%, 0.0%, 48.0%, 23.1%

OKLCH

0.7362 0.1635 145.6

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#5CC466

#C45CBA

Analogous

#86C45C

#5CC49A

#5CC466

Triadic

#5CC466

#665CC4

#C4665C

Split Complementary

#5CC466

#9A5CC4

#C45C86

Tetradic

#5CC466

#5C86C4

#C45CBA

#C49A5C

Color Blindness Simulation

Original

#5CC466

Protanopia

#898A7D

Deuteranopia

#837B82

Tritanopia

#618F93

Achromatopsia

#A7A7A7

CSS Usage

background-color: #5CC466;
color: #5CC466;
border-color: #5CC466;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F4FAF5
100
#E6F4E7
200
#CBECCE
300
#A5DEAB
400
#74CD7D
500
#44BB4F
600
#36963F
700
#2B7833
800
#225E28
900
#1C4520
950
#122B14

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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