#18CE0F

#18CE0F

Color Values

HEX

#18CE0F

RGB

24, 206, 15

HSL

117.2, 86.4%, 43.3%

HSV

117.2, 92.7%, 80.8%

CMYK

88.3%, 0.0%, 92.7%, 19.2%

OKLCH

0.7394 0.2467 142.3

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#18CE0F

#C50FCE

Analogous

#77CE0F

#0FCE66

#18CE0F

Triadic

#18CE0F

#0F18CE

#CE0F18

Split Complementary

#18CE0F

#660FCE

#CE0F77

Tetradic

#18CE0F

#0F77CE

#C50FCE

#CE660F

Color Blindness Simulation

Original

#18CE0F

Protanopia

#67683D

Deuteranopia

#5C4F48

Tritanopia

#21626A

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E1FAE0
200
#BFFABC
300
#92F78D
400
#57F24F
500
#1CEE11
600
#16BE0E
700
#12980B
800
#0E7709
900
#0E560B
950
#093607

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

9.87:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026