#18D209

#18D209

Color Values

HEX

#18D209

RGB

24, 210, 9

HSL

115.5, 91.8%, 42.9%

HSV

115.5, 95.7%, 82.4%

CMYK

88.6%, 0.0%, 95.7%, 17.6%

OKLCH

0.75 0.2514 142.2

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#18D209

#C309D2

Analogous

#7CD209

#09D25E

#18D209

Triadic

#18D209

#0918D2

#D20918

Split Complementary

#18D209

#5E09D2

#D2097C

Tetradic

#18D209

#097CD2

#C309D2

#D25E09

Color Blindness Simulation

Original

#18D209

Protanopia

#696A3A

Deuteranopia

#5E5045

Tritanopia

#216068

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F2FDF1
100
#E1FBDF
200
#BFFCBB
300
#92FA8A
400
#57F74A
500
#1CF50A
600
#16C408
700
#129D07
800
#0E7A05
900
#0E5808
950
#093805

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

10.26:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026