#677B04

#677B04

Color Values

HEX

#677B04

RGB

103, 123, 4

HSL

70.1, 93.7%, 24.9%

HSV

70.1, 96.7%, 48.2%

CMYK

16.3%, 0.0%, 96.7%, 51.8%

OKLCH

0.5472 0.1292 120.4

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#677B04

#18047B

Analogous

#7B5404

#2B7B04

#677B04

Triadic

#677B04

#04677B

#7B0467

Split Complementary

#677B04

#042B7B

#54047B

Tetradic

#677B04

#047B54

#18047B

#7B042B

Color Blindness Simulation

Original

#677B04

Protanopia

#707021

Deuteranopia

#6E6D28

Tritanopia

#68383D

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FBFDF1
100
#F7FBDF
200
#F1FDBA
300
#E8FB88
400
#DBF948
500
#CFF708
600
#A5C606
700
#849E05
800
#677B04
900
#4C5908
950
#303805

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

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