#30EC2C

#30EC2C

Color Values

HEX

#30EC2C

RGB

48, 236, 44

HSL

118.8, 83.5%, 54.9%

HSV

118.8, 81.4%, 92.5%

CMYK

79.7%, 0.0%, 81.4%, 7.5%

OKLCH

0.8221 0.2633 142.5

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#30EC2C

#E82CEC

Analogous

#90EC2C

#2CEC88

#30EC2C

Triadic

#30EC2C

#2C30EC

#EC2C30

Split Complementary

#30EC2C

#882CEC

#EC2C90

Tetradic

#30EC2C

#2C90EC

#E82CEC

#EC882C

Color Blindness Simulation

Original

#30EC2C

Protanopia

#81835A

Deuteranopia

#766866

Tritanopia

#397F87

Achromatopsia

#B6B6B6

CSS Usage

background-color: #30EC2C;
color: #30EC2C;
border-color: #30EC2C;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FDF2
100
#E1FAE0
200
#BFF9BD
300
#91F58F
400
#55EF52
500
#19EA15
600
#14BB11
700
#10960D
800
#0D750B
900
#0D550C
950
#093608

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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