#345728

#345728

Color Values

HEX

#345728

RGB

52, 87, 40

HSL

104.7, 37.0%, 24.9%

HSV

104.7, 54.0%, 34.1%

CMYK

40.2%, 0.0%, 54.0%, 65.9%

OKLCH

0.4176 0.0839 138.2

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#345728

#4B2857

Analogous

#4B5728

#285734

#345728

Triadic

#345728

#283457

#572834

Split Complementary

#345728

#342857

#57284B

Tetradic

#345728

#284B57

#4B2857

#573428

Color Blindness Simulation

Original

#345728

Protanopia

#434333

Deuteranopia

#413E36

Tritanopia

#363C3E

Achromatopsia

#4C4C4C

CSS Usage

background-color: #345728;
color: #345728;
border-color: #345728;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F6FAF5
100
#EAF3E8
200
#D5E9CE
300
#B7D8AB
400
#90C47E
500
#68AF50
600
#548C40
700
#437033
800
#345728
900
#294120
950
#1A2914

Contrast Checker

Text on white

8.27:1

AA Pass AAA Pass

Text on black

2.54:1

AA Fail 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