#18C026

#18C026

Color Values

HEX

#18C026

RGB

24, 192, 38

HSL

125.0, 77.8%, 42.4%

HSV

125.0, 87.5%, 75.3%

CMYK

87.5%, 0.0%, 80.2%, 24.7%

OKLCH

0.7027 0.2261 143.3

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#18C026

#C018B2

Analogous

#5EC018

#18C07A

#18C026

Triadic

#18C026

#2618C0

#C02618

Split Complementary

#18C026

#7A18C0

#C0185E

Tetradic

#18C026

#185EC0

#C018B2

#C07A18

Color Blindness Simulation

Original

#18C026

Protanopia

#61624B

Deuteranopia

#574A54

Tritanopia

#20696F

Achromatopsia

#919191

CSS Usage

background-color: #18C026;
color: #18C026;
border-color: #18C026;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F2FCF3
100
#E1F9E3
200
#C0F7C4
300
#92F19A
400
#57EA63
500
#1CE32D
600
#17B524
700
#12911D
800
#0E7116
900
#0F5214
950
#09340D

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

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