#4DAF12

#4DAF12

Color Values

HEX

#4DAF12

RGB

77, 175, 18

HSL

97.5, 81.3%, 37.8%

HSV

97.5, 89.7%, 68.6%

CMYK

56.0%, 0.0%, 89.7%, 31.4%

OKLCH

0.6685 0.1997 137.7

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#4DAF12

#7412AF

Analogous

#9BAF12

#12AF26

#4DAF12

Triadic

#4DAF12

#124DAF

#AF124D

Split Complementary

#4DAF12

#2612AF

#AF129B

Tetradic

#4DAF12

#129BAF

#7412AF

#AF2612

Color Blindness Simulation

Original

#4DAF12

Protanopia

#777838

Deuteranopia

#726A41

Tritanopia

#52565D

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#EAF9E1
200
#D4F8BE
300
#B5F490
400
#8DED54
500
#66E718
600
#51B913
700
#41940F
800
#33740C
900
#28540D
950
#193508

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

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