#676B09

#676B09

Color Values

HEX

#676B09

RGB

103, 107, 9

HSL

62.4, 84.5%, 22.7%

HSV

62.4, 91.6%, 42.0%

CMYK

3.7%, 0.0%, 91.6%, 58.0%

OKLCH

0.5075 0.1094 112.3

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#676B09

#0D096B

Analogous

#6B3E09

#366B09

#676B09

Triadic

#676B09

#09676B

#6B0967

Split Complementary

#676B09

#09366B

#3E096B

Tetradic

#676B09

#096B3E

#0D096B

#6B0936

Color Blindness Simulation

Original

#676B09

Protanopia

#696921

Deuteranopia

#686826

Tritanopia

#673338

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F9FAE0
200
#F7F9BD
300
#F1F68E
400
#EAF051
500
#E3EB14
600
#B5BC10
700
#91970D
800
#71760A
900
#52550C
950
#343607

Contrast Checker

Text on white

5.7:1

AA Pass AAA Fail

Text on black

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