#676708

#676708

Color Values

HEX

#676708

RGB

103, 103, 8

HSL

60.0, 85.6%, 21.8%

HSV

60.0, 92.2%, 40.4%

CMYK

0.0%, 0.0%, 92.2%, 59.6%

OKLCH

0.4976 0.1055 109.7

Properties

Warm Dark Nearest: olive

Color Harmonies

Complementary

#676708

#080867

Analogous

#673808

#386708

#676708

Triadic

#676708

#086767

#670867

Split Complementary

#676708

#083867

#380867

Tetradic

#676708

#086738

#080867

#670838

Color Blindness Simulation

Original

#676708

Protanopia

#67671F

Deuteranopia

#676724

Tritanopia

#673135

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFAE0
200
#FAFABD
300
#F6F68D
400
#F1F150
500
#EDED12
600
#BDBD0F
700
#97970C
800
#767609
900
#56560B
950
#363607

Contrast Checker

Text on white

5.97:1

AA Pass AAA Fail

Text on black

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