#18C408

#18C408

Color Values

HEX

#18C408

RGB

24, 196, 8

HSL

114.9, 92.2%, 40.0%

HSV

114.9, 95.9%, 76.9%

CMYK

87.8%, 0.0%, 95.9%, 23.1%

OKLCH

0.7125 0.2384 142.2

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#18C408

#B408C4

Analogous

#76C408

#08C456

#18C408

Triadic

#18C408

#0818C4

#C40818

Split Complementary

#18C408

#5608C4

#C40876

Tetradic

#18C408

#0876C4

#B408C4

#C45608

Color Blindness Simulation

Original

#18C408

Protanopia

#636435

Deuteranopia

#584C40

Tritanopia

#215961

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F2FDF1
100
#E2FBDF
200
#C0FCBA
300
#93FA89
400
#58F84A
500
#1EF50A
600
#18C408
700
#139D06
800
#0F7B05
900
#0F5908
950
#0A3805

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

8.94:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026