#336953

#336953

Color Values

HEX

#336953

RGB

51, 105, 83

HSL

155.6, 34.6%, 30.6%

HSV

155.6, 51.4%, 41.2%

CMYK

51.4%, 0.0%, 21.0%, 58.8%

OKLCH

0.4768 0.0685 165.0

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#336953

#693349

Analogous

#336938

#336469

#336953

Triadic

#336953

#533369

#695333

Split Complementary

#336953

#693364

#693833

Tetradic

#336953

#383369

#693349

#646933

Color Blindness Simulation

Original

#336953

Protanopia

#4A4B58

Deuteranopia

#47435A

Tritanopia

#365D5D

Achromatopsia

#5C5C5C

CSS Usage

background-color: #336953;
color: #336953;
border-color: #336953;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F5FAF8
100
#E8F2EE
200
#CFE8DE
300
#ADD7C6
400
#80C1A7
500
#53AC88
600
#43896D
700
#356E57
800
#2A5644
900
#214033
950
#152820

Contrast Checker

Text on white

6.39:1

AA Pass AAA Fail

Text on black

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