#348202

#348202

Color Values

HEX

#348202

RGB

52, 130, 2

HSL

96,6, 97,0%, 25,9%

HSV

96,6, 98,5%, 51,0%

CMYK

60,0%, 0,0%, 98,5%, 49,0%

OKLCH

0,5362 0,1646 137,9

Properties

Cool Dark Nearest: chartreuse 4

Color Harmonies

Complementary

#348202

#500282

Analogous

#748202

#028210

#348202

Triadic

#348202

#023482

#820234

Split Complementary

#348202

#100282

#820274

Tetradic

#348202

#027482

#500282

#821002

Color Blindness Simulation

Original

#348202

Protanopia

#565621

Deuteranopia

#514B28

Tritanopia

#38393F

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F6FEF1
100
#EAFCDE
200
#D4FEB9
300
#B5FD86
400
#8DFC45
500
#64FB04
600
#50C903
700
#40A102
800
#327E02
900
#275B06
950
#193904

Contrast Checker

Text on white

4,84:1

AA Pass AAA Fail

Text on black

4,34:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026