#5CEC61

#5CEC61

Color Values

HEX

#5CEC61

RGB

92, 236, 97

HSL

122.1, 79.1%, 64.3%

HSV

122.1, 61.0%, 92.5%

CMYK

61.0%, 0.0%, 58.9%, 7.5%

OKLCH

0.836 0.2193 143.8

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#5CEC61

#EC5CE7

Analogous

#9FEC5C

#5CECA9

#5CEC61

Triadic

#5CEC61

#615CEC

#EC615C

Split Complementary

#5CEC61

#A95CEC

#EC5C9F

Tetradic

#5CEC61

#5C9FEC

#EC5CE7

#ECA95C

Color Blindness Simulation

Original

#5CEC61

Protanopia

#9A9C83

Deuteranopia

#92878B

Tritanopia

#639DA3

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F2FCF3
100
#E1F9E2
200
#BFF8C1
300
#91F295
400
#56EB5B
500
#1BE422
600
#15B71B
700
#119216
800
#0D7211
900
#0E5310
950
#09340A

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.63:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026