#56763F

#56763F

Color Values

HEX

#56763F

RGB

86, 118, 63

HSL

94.9, 30.4%, 35.5%

HSV

94.9, 46.6%, 46.3%

CMYK

27.1%, 0.0%, 46.6%, 53.7%

OKLCH

0.5271 0.0889 133.3

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#56763F

#5F3F76

Analogous

#72763F

#3F7644

#56763F

Triadic

#56763F

#3F5676

#763F56

Split Complementary

#56763F

#443F76

#763F72

Tetradic

#56763F

#3F7276

#5F3F76

#76443F

Color Blindness Simulation

Original

#56763F

Protanopia

#64644C

Deuteranopia

#626050

Tritanopia

#585759

Achromatopsia

#6B6B6B

CSS Usage

background-color: #56763F;
color: #56763F;
border-color: #56763F;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F7F9F5
100
#ECF2E9
200
#DAE6D0
300
#BFD4AF
400
#9CBD84
500
#79A659
600
#618547
700
#4E6A39
800
#3D532C
900
#2E3E23
950
#1D2716

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

4.06:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026