#345220

#345220

Color Values

HEX

#345220

RGB

52, 82, 32

HSL

96.0, 43.9%, 22.4%

HSV

96.0, 61.0%, 32.2%

CMYK

36.6%, 0.0%, 61.0%, 67.8%

OKLCH

0.4023 0.0843 134.5

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#345220

#3E2052

Analogous

#4D5220

#205225

#345220

Triadic

#345220

#203452

#522034

Split Complementary

#345220

#252052

#52204D

Tetradic

#345220

#204D52

#3E2052

#522520

Color Blindness Simulation

Original

#345220

Protanopia

#41412C

Deuteranopia

#3F3D2F

Tritanopia

#363638

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#ECF4E6
200
#D8EBCC
300
#BCDDA7
400
#98CA77
500
#74B748
600
#5D9339
700
#4A752E
800
#3A5C24
900
#2D441D
950
#1C2B13

Contrast Checker

Text on white

8.85:1

AA Pass AAA Pass

Text on black

2.37: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