#348D16

#348D16

Color Values

HEX

#348D16

RGB

52, 141, 22

HSL

104.9, 73.0%, 32.0%

HSV

104.9, 84.4%, 55.3%

CMYK

63.1%, 0.0%, 84.4%, 44.7%

OKLCH

0.5677 0.1708 139.6

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#348D16

#6F168D

Analogous

#708D16

#168D34

#348D16

Triadic

#348D16

#16348D

#8D1634

Split Complementary

#348D16

#34168D

#8D1670

Tetradic

#348D16

#16708D

#6F168D

#8D3416

Color Blindness Simulation

Original

#348D16

Protanopia

#5B5B33

Deuteranopia

#554F3A

Tritanopia

#384A4F

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F5FCF3
100
#E8F8E2
200
#CEF5C1
300
#ACEE95
400
#7EE65C
500
#51DD22
600
#41B01C
700
#348D16
800
#296E11
900
#215011
950
#15330A

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

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