#677A05

#677A05

Color Values

HEX

#677A05

RGB

103, 122, 5

HSL

69.7, 92.1%, 24.9%

HSV

69.7, 95.9%, 47.8%

CMYK

15.6%, 0.0%, 95.9%, 52.2%

OKLCH

0.5448 0.1277 120.0

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#677A05

#18057A

Analogous

#7A5205

#2D7A05

#677A05

Triadic

#677A05

#05677A

#7A0567

Split Complementary

#677A05

#052D7A

#52057A

Tetradic

#677A05

#057A52

#18057A

#7A052D

Color Blindness Simulation

Original

#677A05

Protanopia

#6F6F21

Deuteranopia

#6E6D28

Tritanopia

#68383D

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FBFDF1
100
#F7FBDF
200
#F2FCBA
300
#E8FA89
400
#DBF84A
500
#CFF50A
600
#A6C408
700
#849D06
800
#677A05
900
#4C5908
950
#303805

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

4.36:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026