#676C09

#676C09

Color Values

HEX

#676C09

RGB

103, 108, 9

HSL

63.0, 84.6%, 22.9%

HSV

63.0, 91.7%, 42.4%

CMYK

4.6%, 0.0%, 91.7%, 57.6%

OKLCH

0.51 0.1104 112.9

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#676C09

#0E096C

Analogous

#6C3F09

#356C09

#676C09

Triadic

#676C09

#09676C

#6C0967

Split Complementary

#676C09

#09356C

#3F096C

Tetradic

#676C09

#096C3F

#0E096C

#6C0935

Color Blindness Simulation

Original

#676C09

Protanopia

#696921

Deuteranopia

#696827

Tritanopia

#673438

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F9FAE0
200
#F6FABD
300
#F0F68E
400
#E8F051
500
#E1EB14
600
#B4BC10
700
#90970D
800
#70760A
900
#52550C
950
#343607

Contrast Checker

Text on white

5.64:1

AA Pass AAA Fail

Text on black

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