#676726

#676726

Color Values

HEX

#676726

RGB

103, 103, 38

HSL

60.0, 46.1%, 27.6%

HSV

60.0, 63.1%, 40.4%

CMYK

0.0%, 0.0%, 63.1%, 59.6%

OKLCH

0.4997 0.0866 109.2

Properties

Warm Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#676726

#262667

Analogous

#674626

#466726

#676726

Triadic

#676726

#266767

#672667

Split Complementary

#676726

#264667

#462667

Tetradic

#676726

#266746

#262667

#672646

Color Blindness Simulation

Original

#676726

Protanopia

#676736

Deuteranopia

#67673A

Tritanopia

#674245

Achromatopsia

#626262

CSS Usage

background-color: #676726;
color: #676726;
border-color: #676726;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#ECECCB
300
#DEDEA6
400
#CCCC75
500
#BABA45
600
#959537
700
#77772C
800
#5D5D22
900
#45451C
950
#2B2B12

Contrast Checker

Text on white

5.92:1

AA Pass AAA Fail

Text on black

3.54:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026