#506D52

#506D52

Color Values

HEX

#506D52

RGB

80, 109, 82

HSL

124.1, 15.3%, 37.1%

HSV

124.1, 26.6%, 42.7%

CMYK

26.6%, 0.0%, 24.8%, 57.3%

OKLCH

0.5039 0.0543 146.5

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#506D52

#6D506B

Analogous

#5D6D50

#506D61

#506D52

Triadic

#506D52

#52506D

#6D5250

Split Complementary

#506D52

#61506D

#6D505D

Tetradic

#506D52

#505D6D

#6D506B

#6D6150

Color Blindness Simulation

Original

#506D52

Protanopia

#5D5D59

Deuteranopia

#5B595A

Tritanopia

#515E5F

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F6F8F6
100
#EBEFEB
200
#D6E1D7
300
#B8CBBA
400
#92AF94
500
#6C936F
600
#567659
700
#455E47
800
#364A37
900
#2A372B
950
#1A231B

Contrast Checker

Text on white

5.75:1

AA Pass AAA Fail

Text on black

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