#677433

#677433

Color Values

HEX

#677433

RGB

103, 116, 51

HSL

72.0, 38.9%, 32.7%

HSV

72.0, 56.0%, 45.5%

CMYK

11.2%, 0.0%, 56.0%, 54.5%

OKLCH

0.5331 0.0908 119.0

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#677433

#403374

Analogous

#746033

#467433

#677433

Triadic

#677433

#336774

#743367

Split Complementary

#677433

#334674

#603374

Tetradic

#677433

#337460

#403374

#743346

Color Blindness Simulation

Original

#677433

Protanopia

#6D6D43

Deuteranopia

#6C6B46

Tritanopia

#684F52

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F1F3E7
200
#E4E9CD
300
#D0DAAA
400
#B7C57C
500
#9DB14E
600
#7E8E3E
700
#657132
800
#4F5927
900
#3B411F
950
#252914

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

4.12:1

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