#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

فبراير 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

فبراير 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

فبراير 19, 2026