#355136

#355136

Color Values

HEX

#355136

RGB

53, 81, 54

HSL

122,1, 20,9%, 26,3%

HSV

122,1, 34,6%, 31,8%

CMYK

34,6%, 0,0%, 33,3%, 68,2%

OKLCH

0,4044 0,056 145,3

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#355136

#513550

Analogous

#425135

#355144

#355136

Triadic

#355136

#363551

#513635

Split Complementary

#355136

#443551

#513542

Tetradic

#355136

#354251

#513550

#514435

Color Blindness Simulation

Original

#355136

Protanopia

#41413D

Deuteranopia

#403D3E

Tritanopia

#364243

Achromatopsia

#494949

CSS Usage

background-color: #355136;
color: #355136;
border-color: #355136;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F6F9F6
100
#EAF0EA
200
#D4E3D4
300
#B5CFB6
400
#8DB48E
500
#659A67
600
#517B52
700
#416342
800
#324D33
900
#273A28
950
#192419

Contrast Checker

Text on white

8,82:1

AA Pass AAA Pass

Text on black

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