#18B46C

#18B46C

Color Values

HEX

#18B46C

RGB

24, 180, 108

HSL

152.3, 76.5%, 40.0%

HSV

152.3, 86.7%, 70.6%

CMYK

86.7%, 0.0%, 40.0%, 29.4%

OKLCH

0.6789 0.1602 155.8

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#18B46C

#B41860

Analogous

#18B41E

#18AEB4

#18B46C

Triadic

#18B46C

#6C18B4

#B46C18

Split Complementary

#18B46C

#B418AE

#B41E18

Tetradic

#18B46C

#1E18B4

#B41860

#AEB418

Color Blindness Simulation

Original

#18B46C

Protanopia

#5C5D7D

Deuteranopia

#524782

Tritanopia

#208B8E

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F2FCF8
100
#E2F9EE
200
#C0F7DD
300
#93F1C5
400
#58E9A6
500
#1EE187
600
#18B46C
700
#139056
800
#0F7143
900
#0F5233
950
#0A3420

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

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