#677C04

#677C04

Color Values

HEX

#677C04

RGB

103, 124, 4

HSL

70.5, 93.8%, 25.1%

HSV

70.5, 96.8%, 48.6%

CMYK

16.9%, 0.0%, 96.8%, 51.4%

OKLCH

0.5498 0.1303 120.8

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#677C04

#19047C

Analogous

#7C5504

#2B7C04

#677C04

Triadic

#677C04

#04677C

#7C0467

Split Complementary

#677C04

#042B7C

#55047C

Tetradic

#677C04

#047C55

#19047C

#7C042B

Color Blindness Simulation

Original

#677C04

Protanopia

#707021

Deuteranopia

#6F6D28

Tritanopia

#68383D

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FBFDF1
100
#F6FBDF
200
#F1FDBA
300
#E7FB88
400
#DAF948
500
#CDF708
600
#A4C606
700
#839E05
800
#677C04
900
#4B5908
950
#2F3805

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

4.46:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026