#18EB7F

#18EB7F

Color Values

HEX

#18EB7F

RGB

24, 235, 127

HSL

149.3, 84.1%, 50.8%

HSV

149.3, 89.8%, 92.2%

CMYK

89.8%, 0.0%, 46.0%, 7.8%

OKLCH

0.8253 0.2105 152.6

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#18EB7F

#EB1884

Analogous

#1AEB18

#18EBE9

#18EB7F

Triadic

#18EB7F

#7F18EB

#EB7F18

Split Complementary

#18EB7F

#E918EB

#EB181A

Tetradic

#18EB7F

#181AEB

#EB1884

#EBE918

Color Blindness Simulation

Original

#18EB7F

Protanopia

#737599

Deuteranopia

#67579F

Tritanopia

#23AEB2

Achromatopsia

#B6B6B6

CSS Usage

background-color: #18EB7F;
color: #18EB7F;
border-color: #18EB7F;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF7
100
#E0FAED
200
#BDF9DB
300
#8EF5C1
400
#51F09F
500
#14EB7D
600
#10BC64
700
#0D9650
800
#0A753E
900
#0C5530
950
#07361E

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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