#676617

#676617

Color Values

HEX

#676617

RGB

103, 102, 23

HSL

59.2, 63.5%, 24.7%

HSV

59.2, 77.7%, 40.4%

CMYK

0.0%, 1.0%, 77.7%, 59.6%

OKLCH

0.496 0.0972 108.7

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#676617

#171867

Analogous

#673E17

#406717

#676617

Triadic

#676617

#176766

#661767

Split Complementary

#676617

#174067

#3E1767

Tetradic

#676617

#17673E

#171867

#671740

Color Blindness Simulation

Original

#676617

Protanopia

#67672A

Deuteranopia

#67672F

Tritanopia

#67393D

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F7F7E4
200
#F2F1C5
300
#E9E89B
400
#DDDB65
500
#D0CE2F
600
#A7A525
700
#85841E
800
#686717
900
#4C4B15
950
#30300D

Contrast Checker

Text on white

6.02:1

AA Pass AAA Fail

Text on black

3.49:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026