#676904

#676904

Color Values

HEX

#676904

RGB

103, 105, 4

HSL

61.2, 92.7%, 21.4%

HSV

61.2, 96.2%, 41.2%

CMYK

1.9%, 0.0%, 96.2%, 58.8%

OKLCH

0.5024 0.109 111.1

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#676904

#060469

Analogous

#693904

#356904

#676904

Triadic

#676904

#046769

#690467

Split Complementary

#676904

#043569

#390469

Tetradic

#676904

#046939

#060469

#690435

Color Blindness Simulation

Original

#676904

Protanopia

#68681C

Deuteranopia

#686822

Tritanopia

#673034

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FBFCBA
300
#F8FB89
400
#F5F849
500
#F1F609
600
#C1C507
700
#9A9D06
800
#787B05
900
#575908
950
#373805

Contrast Checker

Text on white

5.83:1

AA Pass AAA Fail

Text on black

3.6:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026