#345416

#345416

Color Values

HEX

#345416

RGB

52, 84, 22

HSL

91,0, 58,5%, 20,8%

HSV

91,0, 73,8%, 32,9%

CMYK

38,1%, 0,0%, 73,8%, 67,1%

OKLCH

0,4067 0,0967 132,8

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#345416

#361654

Analogous

#535416

#165417

#345416

Triadic

#345416

#163454

#541634

Split Complementary

#345416

#171654

#541653

Tetradic

#345416

#165354

#361654

#541716

Color Blindness Simulation

Original

#345416

Protanopia

#424225

Deuteranopia

#403E29

Tritanopia

#363133

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF6E4
200
#DBF0C6
300
#C1E69E
400
#9FD869
500
#7DCA35
600
#64A22A
700
#508122
800
#3F651A
900
#304A17
950
#1E2F0E

Contrast Checker

Text on white

8,66:1

AA Pass AAA Pass

Text on black

2,43: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