#348C18

#348C18

Color Values

HEX

#348C18

RGB

52, 140, 24

HSL

105.5, 70.7%, 32.2%

HSV

105.5, 82.9%, 54.9%

CMYK

62.9%, 0.0%, 82.9%, 45.1%

OKLCH

0.565 0.1688 139.7

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#348C18

#70188C

Analogous

#6E8C18

#188C36

#348C18

Triadic

#348C18

#18348C

#8C1834

Split Complementary

#348C18

#36188C

#8C186E

Tetradic

#348C18

#186E8C

#70188C

#8C3618

Color Blindness Simulation

Original

#348C18

Protanopia

#5A5B34

Deuteranopia

#554E3B

Tritanopia

#384A4F

Achromatopsia

#717171

CSS Usage

background-color: #348C18;
color: #348C18;
border-color: #348C18;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F5FCF3
100
#E8F8E2
200
#CEF5C2
300
#ABED97
400
#7EE35E
500
#51DA25
600
#41AE1E
700
#348B18
800
#286D13
900
#214F12
950
#15320B

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

4.91:1

AA Pass AAA Fail

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