#5CF168

#5CF168

Color Values

HEX

#5CF168

RGB

92, 241, 104

HSL

124,8, 84,2%, 65,3%

HSV

124,8, 61,8%, 94,5%

CMYK

61,8%, 0,0%, 56,8%, 5,5%

OKLCH

0,8493 0,2199 144,6

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#5CF168

#F15CE5

Analogous

#9BF15C

#5CF1B2

#5CF168

Triadic

#5CF168

#685CF1

#F1685C

Split Complementary

#5CF168

#B25CF1

#F15C9B

Tetradic

#5CF168

#5C9BF1

#F15CE5

#F1B25C

Color Blindness Simulation

Original

#5CF168

Protanopia

#9D9E89

Deuteranopia

#948991

Tritanopia

#63A3A9

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F2FDF3
100
#E0FAE2
200
#BDF9C2
300
#8EF597
400
#51F05E
500
#14EB25
600
#10BC1E
700
#0D9618
800
#0A7513
900
#0C5512
950
#07360B

Contrast Checker

Text on white

1,48:1

AA Fail AAA Fail

Text on black

14,24: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