#18B442

#18B442

Color Values

HEX

#18B442

RGB

24, 180, 66

HSL

136.2, 76.5%, 40.0%

HSV

136.2, 86.7%, 70.6%

CMYK

86.7%, 0.0%, 63.3%, 29.4%

OKLCH

0.6725 0.1964 146.5

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#18B442

#B4188A

Analogous

#3CB418

#18B490

#18B442

Triadic

#18B442

#4218B4

#B44218

Split Complementary

#18B442

#9018B4

#B4183C

Tetradic

#18B442

#183CB4

#B4188A

#B49018

Color Blindness Simulation

Original

#18B442

Protanopia

#5C5D5E

Deuteranopia

#524764

Tritanopia

#207378

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F2FCF5
100
#E2F9E8
200
#C0F7CF
300
#93F1AC
400
#58E97F
500
#1EE153
600
#18B442
700
#139035
800
#0F7129
900
#0F5221
950
#0A3415

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

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