#348D17

#348D17

Color Values

HEX

#348D17

RGB

52, 141, 23

HSL

105.3, 72.0%, 32.2%

HSV

105.3, 83.7%, 55.3%

CMYK

63.1%, 0.0%, 83.7%, 44.7%

OKLCH

0.5677 0.1704 139.7

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#348D17

#70178D

Analogous

#6F8D17

#178D35

#348D17

Triadic

#348D17

#17348D

#8D1734

Split Complementary

#348D17

#35178D

#8D176F

Tetradic

#348D17

#176F8D

#70178D

#8D3517

Color Blindness Simulation

Original

#348D17

Protanopia

#5B5B34

Deuteranopia

#554F3A

Tritanopia

#384A4F

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F5FCF3
100
#E8F8E2
200
#CEF5C2
300
#ABEE96
400
#7EE55D
500
#51DB24
600
#41AF1D
700
#348C17
800
#286E12
900
#205011
950
#14320B

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

4.97:1

AA Pass AAA Fail

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