#18F217

#18F217

Color Values

HEX

#18F217

RGB

24, 242, 23

HSL

119.7, 89.4%, 52.0%

HSV

119.7, 90.5%, 94.9%

CMYK

90.1%, 0.0%, 90.5%, 5.1%

OKLCH

0.8343 0.2786 142.5

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#18F217

#F117F2

Analogous

#86F217

#17F284

#18F217

Triadic

#18F217

#1718F2

#F21718

Split Complementary

#18F217

#8417F2

#F21786

Tetradic

#18F217

#1786F2

#F117F2

#F28417

Color Blindness Simulation

Original

#18F217

Protanopia

#76784C

Deuteranopia

#6A5959

Tritanopia

#23767F

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E0FBE0
200
#BCFBBB
300
#8CF98B
400
#4DF54C
500
#0FF10E
600
#0CC10B
700
#099B09
800
#077907
900
#0A5709
950
#063706

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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