#677011

#677011

Color Values

HEX

#677011

RGB

103, 112, 17

HSL

65.7, 73.6%, 25.3%

HSV

65.7, 84.8%, 43.9%

CMYK

8.0%, 0.0%, 84.8%, 56.1%

OKLCH

0.5202 0.1118 115.3

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#677011

#1A1170

Analogous

#704A11

#377011

#677011

Triadic

#677011

#116770

#701167

Split Complementary

#677011

#113770

#4A1170

Tetradic

#677011

#11704A

#1A1170

#701137

Color Blindness Simulation

Original

#677011

Protanopia

#6B6B28

Deuteranopia

#6A6A2E

Tritanopia

#673A3E

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F8E2
200
#F1F6C1
300
#E6EF95
400
#D9E65B
500
#CCDD22
600
#A3B11B
700
#828E16
800
#666F11
900
#4A5110
950
#2F330A

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

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