#336345

#336345

Color Values

HEX

#336345

RGB

51, 99, 69

HSL

142.5, 32.0%, 29.4%

HSV

142.5, 48.5%, 38.8%

CMYK

48.5%, 0.0%, 30.3%, 61.2%

OKLCH

0.4566 0.0724 154.8

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#336345

#633351

Analogous

#396333

#33635D

#336345

Triadic

#336345

#453363

#634533

Split Complementary

#336345

#5D3363

#633339

Tetradic

#336345

#333963

#633351

#635D33

Color Blindness Simulation

Original

#336345

Protanopia

#48484C

Deuteranopia

#45414E

Tritanopia

#355253

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F5F9F7
100
#E8F2EC
200
#D0E7D8
300
#AED5BD
400
#82BF99
500
#57A875
600
#45875E
700
#376C4B
800
#2B543B
900
#223E2D
950
#16271C

Contrast Checker

Text on white

6.97:1

AA Pass AAA Fail

Text on black

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