#5CF1A2

#5CF1A2

Color Values

HEX

#5CF1A2

RGB

92, 241, 162

HSL

148.2, 84.2%, 65.3%

HSV

148.2, 61.8%, 94.5%

CMYK

61.8%, 0.0%, 32.8%, 5.5%

OKLCH

0.8586 0.1695 156.6

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#5CF1A2

#F15CAB

Analogous

#60F15C

#5CF1ED

#5CF1A2

Triadic

#5CF1A2

#A25CF1

#F1A25C

Split Complementary

#5CF1A2

#ED5CF1

#F15C60

Tetradic

#5CF1A2

#5C60F1

#F15CAB

#F1ED5C

Color Blindness Simulation

Original

#5CF1A2

Protanopia

#9D9EB5

Deuteranopia

#9489BA

Tritanopia

#63C4C8

Achromatopsia

#CCCCCC

CSS Usage

background-color: #5CF1A2;
color: #5CF1A2;
border-color: #5CF1A2;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF7
100
#E0FAEC
200
#BDF9D9
300
#8EF5BF
400
#51F09C
500
#14EB79
600
#10BC61
700
#0D964D
800
#0A753D
900
#0C552E
950
#07361D

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.56:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026