#676C29

#676C29

Color Values

HEX

#676C29

RGB

103, 108, 41

HSL

64.5, 45.0%, 29.2%

HSV

64.5, 62.0%, 42.4%

CMYK

4.6%, 0.0%, 62.0%, 57.6%

OKLCH

0.5123 0.09 113.1

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#676C29

#2E296C

Analogous

#6C4F29

#456C29

#676C29

Triadic

#676C29

#29676C

#6C2967

Split Complementary

#676C29

#29456C

#4F296C

Tetradic

#676C29

#296C4F

#2E296C

#6C2945

Color Blindness Simulation

Original

#676C29

Protanopia

#696939

Deuteranopia

#69683D

Tritanopia

#674649

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#E9EBCB
300
#D9DDA6
400
#C5CB76
500
#B0B946
600
#8D9438
700
#71762D
800
#585C23
900
#41441D
950
#292B12

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

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