#676509

#676509

Color Values

HEX

#676509

RGB

103, 101, 9

HSL

58.7, 83.9%, 22.0%

HSV

58.7, 91.3%, 40.4%

CMYK

0.0%, 1.9%, 91.3%, 59.6%

OKLCH

0.4928 0.1031 108.3

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#676509

#090B67

Analogous

#673609

#3A6709

#676509

Triadic

#676509

#096765

#650967

Split Complementary

#676509

#093A67

#360967

Tetradic

#676509

#096736

#090B67

#67093A

Color Blindness Simulation

Original

#676509

Protanopia

#66661F

Deuteranopia

#666625

Tritanopia

#673135

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAF9E0
200
#F9F8BD
300
#F5F38E
400
#F0EC51
500
#EAE615
600
#BCB810
700
#96930D
800
#75730A
900
#55530C
950
#363507

Contrast Checker

Text on white

6.1:1

AA Pass AAA Fail

Text on black

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