#57863D

#57863D

Color Values

HEX

#57863D

RGB

87, 134, 61

HSL

98.6, 37.4%, 38.2%

HSV

98.6, 54.5%, 52.5%

CMYK

35.1%, 0.0%, 54.5%, 47.5%

OKLCH

0.5688 0.1156 135.6

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#57863D

#6C3D86

Analogous

#7B863D

#3D8647

#57863D

Triadic

#57863D

#3D5786

#863D57

Split Complementary

#57863D

#473D86

#863D7B

Tetradic

#57863D

#3D7B86

#6C3D86

#86473D

Color Blindness Simulation

Original

#57863D

Protanopia

#6B6C4F

Deuteranopia

#696553

Tritanopia

#595D60

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D7E9CE
300
#BBD9AB
400
#97C47D
500
#72AF50
600
#5B8C40
700
#497033
800
#395828
900
#2C4120
950
#1C2914

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

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