#688738

#688738

Color Values

HEX

#688738

RGB

104, 135, 56

HSL

83.5, 41.4%, 37.5%

HSV

83.5, 58.5%, 52.9%

CMYK

23.0%, 0.0%, 58.5%, 47.1%

OKLCH

0.5818 0.1128 127.5

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#688738

#573887

Analogous

#877F38

#418738

#688738

Triadic

#688738

#386887

#873868

Split Complementary

#688738

#384187

#7F3887

Tetradic

#688738

#38877F

#573887

#873841

Color Blindness Simulation

Original

#688738

Protanopia

#75764B

Deuteranopia

#747150

Tritanopia

#6A5A5E

Achromatopsia

#7B7B7B

CSS Usage

background-color: #688738;
color: #688738;
border-color: #688738;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FAF5
100
#EFF3E7
200
#DFEACD
300
#C7DBA8
400
#A9C87A
500
#8BB44B
600
#6F903C
700
#597330
800
#455A25
900
#34431E
950
#212A13

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

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