#676311

#676311

Color Values

HEX

#676311

RGB

103, 99, 17

HSL

57.2, 71.7%, 23.5%

HSV

57.2, 83.5%, 40.4%

CMYK

0.0%, 3.9%, 83.5%, 59.6%

OKLCH

0.4883 0.0976 106.5

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#676311

#111567

Analogous

#673811

#406711

#676311

Triadic

#676311

#116763

#631167

Split Complementary

#676311

#114067

#381167

Tetradic

#676311

#116738

#111567

#671140

Color Blindness Simulation

Original

#676311

Protanopia

#656525

Deuteranopia

#66662A

Tritanopia

#673538

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F7E2
200
#F5F3C2
300
#EEEA96
400
#E4DE5D
500
#DBD224
600
#AFA81D
700
#8C8717
800
#6D6912
900
#504D11
950
#32310B

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

3.37:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026