#18A161

#18A161

Color Values

HEX

#18A161

RGB

24, 161, 97

HSL

152.0, 74.1%, 36.3%

HSV

152.0, 85.1%, 63.1%

CMYK

85.1%, 0.0%, 39.8%, 36.9%

OKLCH

0.6258 0.1459 156.0

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#18A161

#A11858

Analogous

#18A11D

#189DA1

#18A161

Triadic

#18A161

#6118A1

#A16118

Split Complementary

#18A161

#A1189D

#A11D18

Tetradic

#18A161

#1D18A1

#A11858

#9DA118

Color Blindness Simulation

Original

#18A161

Protanopia

#535570

Deuteranopia

#4B4174

Tritanopia

#1F7D7F

Achromatopsia

#7F7F7F

CSS Usage

background-color: #18A161;
color: #18A161;
border-color: #18A161;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F3FCF8
100
#E2F8EE
200
#C1F6DD
300
#94EFC5
400
#5BE7A5
500
#21DE86
600
#1AB26B
700
#158E56
800
#116F43
900
#105133
950
#0A3320

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

6.31:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026