#4DA102

#4DA102

Color Values

HEX

#4DA102

RGB

77, 161, 2

HSL

91.7, 97.5%, 32.0%

HSV

91.7, 98.8%, 63.1%

CMYK

52.2%, 0.0%, 98.8%, 36.9%

OKLCH

0.6309 0.1877 136.2

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#4DA102

#5602A1

Analogous

#9DA102

#02A107

#4DA102

Triadic

#4DA102

#024DA1

#A1024D

Split Complementary

#4DA102

#0702A1

#A1029D

Tetradic

#4DA102

#029DA1

#5602A1

#A10702

Color Blindness Simulation

Original

#4DA102

Protanopia

#717228

Deuteranopia

#6C6632

Tritanopia

#51474E

Achromatopsia

#848484

CSS Usage

background-color: #4DA102;
color: #4DA102;
border-color: #4DA102;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FEF1
100
#ECFCDE
200
#D9FEB8
300
#BEFD86
400
#9BFD45
500
#78FC03
600
#60C903
700
#4DA102
800
#3C7E02
900
#2E5B06
950
#1D3904

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

6.41:1

AA Pass AAA Fail

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