#345504

#345504

Color Values

HEX

#345504

RGB

52, 85, 4

HSL

84.4, 91.0%, 17.5%

HSV

84.4, 95.3%, 33.3%

CMYK

38.8%, 0.0%, 95.3%, 66.7%

OKLCH

0.4083 0.1089 131.0

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#345504

#250455

Analogous

#554E04

#0C5504

#345504

Triadic

#345504

#043455

#550434

Split Complementary

#345504

#040C55

#4E0455

Tetradic

#345504

#04554E

#250455

#55040C

Color Blindness Simulation

Original

#345504

Protanopia

#424318

Deuteranopia

#403E1C

Tritanopia

#36272A

Achromatopsia

#484848

CSS Usage

background-color: #345504;
color: #345504;
border-color: #345504;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FDF1
100
#F0FBDF
200
#E1FCBB
300
#CCF98A
400
#B1F74B
500
#95F40B
600
#77C309
700
#5F9C07
800
#4B7A06
900
#385809
950
#233806

Contrast Checker

Text on white

8.58:1

AA Pass AAA Pass

Text on black

2.45:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026