#355228

#355228

Color Values

HEX

#355228

RGB

53, 82, 40

HSL

101.4, 34.4%, 23.9%

HSV

101.4, 51.2%, 32.2%

CMYK

35.4%, 0.0%, 51.2%, 67.8%

OKLCH

0.4042 0.0748 136.7

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#355228

#452852

Analogous

#4A5228

#285230

#355228

Triadic

#355228

#283552

#522835

Split Complementary

#355228

#302852

#52284A

Tetradic

#355228

#284A52

#452852

#523028

Color Blindness Simulation

Original

#355228

Protanopia

#424232

Deuteranopia

#403E35

Tritanopia

#363A3C

Achromatopsia

#494949

CSS Usage

background-color: #355228;
color: #355228;
border-color: #355228;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F6FAF5
100
#EBF2E8
200
#D7E8CF
300
#BAD7AD
400
#94C180
500
#6FAB54
600
#598943
700
#476E36
800
#37562A
900
#2B3F21
950
#1B2815

Contrast Checker

Text on white

8.79:1

AA Pass AAA Pass

Text on black

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