#18B478

#18B478

Color Values

HEX

#18B478

RGB

24, 180, 120

HSL

156.9, 76.5%, 40.0%

HSV

156.9, 86.7%, 70.6%

CMYK

86.7%, 0.0%, 33.3%, 29.4%

OKLCH

0.6814 0.1494 160.0

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#18B478

#B41854

Analogous

#18B42A

#18A2B4

#18B478

Triadic

#18B478

#7818B4

#B47818

Split Complementary

#18B478

#B418A2

#B42A18

Tetradic

#18B478

#2A18B4

#B41854

#A2B418

Color Blindness Simulation

Original

#18B478

Protanopia

#5C5D87

Deuteranopia

#52478A

Tritanopia

#209294

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F2FCF8
100
#E2F9F0
200
#C0F7E2
300
#93F1CD
400
#58E9B1
500
#1EE196
600
#18B478
700
#139060
800
#0F714B
900
#0F5238
950
#0A3423

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

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