#2CEF30

#2CEF30

Color Values

HEX

#2CEF30

RGB

44, 239, 48

HSL

121.2, 85.9%, 55.5%

HSV

121.2, 81.6%, 93.7%

CMYK

81.6%, 0.0%, 79.9%, 6.3%

OKLCH

0.8295 0.2654 142.9

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#2CEF30

#EF2CEB

Analogous

#8AEF2C

#2CEF91

#2CEF30

Triadic

#2CEF30

#302CEF

#EF302C

Split Complementary

#2CEF30

#912CEF

#EF2C8A

Tetradic

#2CEF30

#2C8AEF

#EF2CEB

#EF912C

Color Blindness Simulation

Original

#2CEF30

Protanopia

#80825E

Deuteranopia

#756669

Tritanopia

#36838B

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E0FAE1
200
#BDFABE
300
#8DF68F
400
#50F253
500
#12ED16
600
#0EBE12
700
#0C980E
800
#09770B
900
#0B560C
950
#073608

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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