#676007

#676007

Color Values

HEX

#676007

RGB

103, 96, 7

HSL

55.6, 87.3%, 21.6%

HSV

55.6, 93.2%, 40.4%

CMYK

0.0%, 6.8%, 93.2%, 59.6%

OKLCH

0.4806 0.099 104.4

Properties

Warm Dark Nearest: goldenrod 4

Color Harmonies

Complementary

#676007

#070E67

Analogous

#673007

#3E6707

#676007

Triadic

#676007

#076760

#600767

Split Complementary

#676007

#073E67

#300767

Tetradic

#676007

#076730

#070E67

#67073E

Color Blindness Simulation

Original

#676007

Protanopia

#64641D

Deuteranopia

#646522

Tritanopia

#672E31

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF8E0
200
#FAF6BC
300
#F7EF8C
400
#F3E74E
500
#EFDE10
600
#BFB20D
700
#998E0A
800
#776F08
900
#57510A
950
#373307

Contrast Checker

Text on white

6.46:1

AA Pass AAA Fail

Text on black

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