#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026