#6A893F

#6A893F

Color Values

HEX

#6A893F

RGB

106, 137, 63

HSL

85.1, 37.0%, 39.2%

HSV

85.1, 54.0%, 53.7%

CMYK

22.6%, 0.0%, 54.0%, 46.3%

OKLCH

0.5891 0.1078 128.2

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#6A893F

#5E3F89

Analogous

#89833F

#45893F

#6A893F

Triadic

#6A893F

#3F6A89

#893F6A

Split Complementary

#6A893F

#3F4589

#833F89

Tetradic

#6A893F

#3F8983

#5E3F89

#893F45

Color Blindness Simulation

Original

#6A893F

Protanopia

#777851

Deuteranopia

#767355

Tritanopia

#6C5F62

Achromatopsia

#7D7D7D

CSS Usage

background-color: #6A893F;
color: #6A893F;
border-color: #6A893F;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FAF5
100
#EEF3E8
200
#DDE9CE
300
#C5D8AB
400
#A6C47E
500
#87AF50
600
#6C8C40
700
#577033
800
#445728
900
#334120
950
#202914

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

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