#18B425

#18B425

Color Values

HEX

#18B425

RGB

24, 180, 37

HSL

125.0, 76.5%, 40.0%

HSV

125.0, 86.7%, 70.6%

CMYK

86.7%, 0.0%, 79.4%, 29.4%

OKLCH

0.6701 0.2142 143.4

Properties

Cool Light Nearest: RAL 6038 Luminous Green

Color Harmonies

Complementary

#18B425

#B418A7

Analogous

#59B418

#18B473

#18B425

Triadic

#18B425

#2518B4

#B42518

Split Complementary

#18B425

#7318B4

#B41859

Tetradic

#18B425

#1859B4

#B418A7

#B47318

Color Blindness Simulation

Original

#18B425

Protanopia

#5C5D48

Deuteranopia

#524750

Tritanopia

#206369

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F2FCF3
100
#E2F9E3
200
#C0F7C5
300
#93F19B
400
#58E965
500
#1EE12E
600
#18B425
700
#13901E
800
#0F7117
900
#0F5215
950
#0A340D

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

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