#677108

#677108

Color Values

HEX

#677108

RGB

103, 113, 8

HSL

65.7, 86.8%, 23.7%

HSV

65.7, 92.9%, 44.3%

CMYK

8.8%, 0.0%, 92.9%, 55.7%

OKLCH

0.5223 0.1164 115.8

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#677108

#120871

Analogous

#714608

#327108

#677108

Triadic

#677108

#086771

#710867

Split Complementary

#677108

#083271

#460871

Tetradic

#677108

#087146

#120871

#710832

Color Blindness Simulation

Original

#677108

Protanopia

#6B6B21

Deuteranopia

#6B6A28

Tritanopia

#68353A

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F8FAE0
200
#F4FABC
300
#EDF78D
400
#E3F34F
500
#D9EE11
600
#AEBF0D
700
#8B980B
800
#6D7708
900
#4F560B
950
#323707

Contrast Checker

Text on white

5.33:1

AA Pass AAA Fail

Text on black

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