#18C804

#18C804

Color Values

HEX

#18C804

RGB

24, 200, 4

HSL

113.9, 96.1%, 40.0%

HSV

113.9, 98.0%, 78.4%

CMYK

88.0%, 0.0%, 98.0%, 21.6%

OKLCH

0.7232 0.2428 142.1

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#18C804

#B404C8

Analogous

#7AC804

#04C852

#18C804

Triadic

#18C804

#0418C8

#C80418

Split Complementary

#18C804

#5204C8

#C8047A

Tetradic

#18C804

#047AC8

#B404C8

#C85204

Color Blindness Simulation

Original

#18C804

Protanopia

#646633

Deuteranopia

#5A4D3F

Tritanopia

#215961

Achromatopsia

#949494

CSS Usage

background-color: #18C804;
color: #18C804;
border-color: #18C804;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FEF1
100
#E2FCDF
200
#C0FEB9
300
#93FD87
400
#58FB46
500
#1EFA05
600
#18C804
700
#13A003
800
#0F7D02
900
#0F5A07
950
#0A3904

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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