#56F30C

#56F30C

Color Values

HEX

#56F30C

RGB

86, 243, 12

HSL

100.8, 90.6%, 50.0%

HSV

100.8, 95.1%, 95.3%

CMYK

64.6%, 0.0%, 95.1%, 4.7%

OKLCH

0.847 0.2677 139.5

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#56F30C

#A90CF3

Analogous

#C9F30C

#0CF336

#56F30C

Triadic

#56F30C

#0C56F3

#F30C56

Split Complementary

#56F30C

#360CF3

#F30CC9

Tetradic

#56F30C

#0CC9F3

#A90CF3

#F3360C

Color Blindness Simulation

Original

#56F30C

Protanopia

#9A9B44

Deuteranopia

#918551

Tritanopia

#5E707A

Achromatopsia

#C1C1C1

CSS Usage

background-color: #56F30C;
color: #56F30C;
border-color: #56F30C;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F5FDF1
100
#E8FBDF
200
#D0FCBB
300
#AEF98A
400
#82F64B
500
#56F30C
600
#45C20A
700
#379C08
800
#2B7A06
900
#225809
950
#163806

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

14.22:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026