#18B458

#18B458

Color Values

HEX

#18B458

RGB

24, 180, 88

HSL

144.6, 76.5%, 40.0%

HSV

144.6, 86.7%, 70.6%

CMYK

86.7%, 0.0%, 51.1%, 29.4%

OKLCH

0.6754 0.1783 150.4

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#18B458

#B41874

Analogous

#26B418

#18B4A6

#18B458

Triadic

#18B458

#5818B4

#B45818

Split Complementary

#18B458

#A618B4

#B41826

Tetradic

#18B458

#1826B4

#B41874

#B4A618

Color Blindness Simulation

Original

#18B458

Protanopia

#5C5D6E

Deuteranopia

#524774

Tritanopia

#208084

Achromatopsia

#8C8C8C

CSS Usage

background-color: #18B458;
color: #18B458;
border-color: #18B458;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F2FCF6
100
#E2F9EB
200
#C0F7D6
300
#93F1B9
400
#58E994
500
#1EE16E
600
#18B458
700
#139046
800
#0F7137
900
#0F522A
950
#0A341B

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

7.71:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026