#2EC606

#2EC606

Color Values

HEX

#2EC606

RGB

46, 198, 6

HSL

107.5, 94.1%, 40.0%

HSV

107.5, 97.0%, 77.6%

CMYK

76.8%, 0.0%, 97.0%, 22.4%

OKLCH

0.7209 0.2365 141.2

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#2EC606

#9E06C6

Analogous

#8EC606

#06C63E

#2EC606

Triadic

#2EC606

#062EC6

#C6062E

Split Complementary

#2EC606

#3E06C6

#C6068E

Tetradic

#2EC606

#068EC6

#9E06C6

#C63E06

Color Blindness Simulation

Original

#2EC606

Protanopia

#707134

Deuteranopia

#675C40

Tritanopia

#365961

Achromatopsia

#989898

CSS Usage

background-color: #2EC606;
color: #2EC606;
border-color: #2EC606;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F4FDF1
100
#E5FBDF
200
#C8FDBA
300
#A0FB88
400
#6DF948
500
#3AF708
600
#2EC606
700
#259E05
800
#1D7C04
900
#195907
950
#0F3905

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

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