#56863D

#56863D

Color Values

HEX

#56863D

RGB

86, 134, 61

HSL

99.5, 37.4%, 38.2%

HSV

99.5, 54.5%, 52.5%

CMYK

35.8%, 0.0%, 54.5%, 47.5%

OKLCH

0.5682 0.1162 136.0

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#56863D

#6D3D86

Analogous

#7A863D

#3D8649

#56863D

Triadic

#56863D

#3D5686

#863D56

Split Complementary

#56863D

#493D86

#863D7A

Tetradic

#56863D

#3D7A86

#6D3D86

#86493D

Color Blindness Simulation

Original

#56863D

Protanopia

#6B6B4F

Deuteranopia

#686453

Tritanopia

#585D60

Achromatopsia

#777777

CSS Usage

background-color: #56863D;
color: #56863D;
border-color: #56863D;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F7FAF5
100
#EBF3E7
200
#D7E9CE
300
#BBD9AB
400
#95C47D
500
#70AF50
600
#5A8C40
700
#487033
800
#385828
900
#2B4120
950
#1B2914

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

4.87:1

AA Pass 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