#50722C

#50722C

Color Values

HEX

#50722C

RGB

80, 114, 44

HSL

89.1, 44.3%, 31.0%

HSV

89.1, 61.4%, 44.7%

CMYK

29.8%, 0.0%, 61.4%, 55.3%

OKLCH

0.5098 0.1059 131.0

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#50722C

#4E2C72

Analogous

#72712C

#2D722C

#50722C

Triadic

#50722C

#2C5072

#722C50

Split Complementary

#50722C

#2C2D72

#712C72

Tetradic

#50722C

#2C7271

#4E2C72

#722C2D

Color Blindness Simulation

Original

#50722C

Protanopia

#5F5F3D

Deuteranopia

#5D5A41

Tritanopia

#524A4D

Achromatopsia

#666666

CSS Usage

background-color: #50722C;
color: #50722C;
border-color: #50722C;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F7FAF4
100
#EDF4E6
200
#DCEBCB
300
#C3DDA7
400
#A2CA77
500
#81B847
600
#679339
700
#53762D
800
#415C24
900
#31441D
950
#1F2B12

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

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