#688B43

#688B43

Color Values

HEX

#688B43

RGB

104, 139, 67

HSL

89.2, 35.0%, 40.4%

HSV

89.2, 51.8%, 54.5%

CMYK

25.2%, 0.0%, 51.8%, 45.5%

OKLCH

0.5933 0.1077 130.5

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#688B43

#66438B

Analogous

#8B8A43

#448B43

#688B43

Triadic

#688B43

#43688B

#8B4368

Split Complementary

#688B43

#43448B

#8A438B

Tetradic

#688B43

#438B8A

#66438B

#8B4344

Color Blindness Simulation

Original

#688B43

Protanopia

#777754

Deuteranopia

#757259

Tritanopia

#6A6265

Achromatopsia

#7E7E7E

CSS Usage

background-color: #688B43;
color: #688B43;
border-color: #688B43;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F7FAF5
100
#EDF2E8
200
#DCE8CF
300
#C2D7AC
400
#A2C280
500
#81AC53
600
#678A42
700
#526E35
800
#405629
900
#314021
950
#1F2815

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

5.36:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026