#676648

#676648

Color Values

HEX

#676648

RGB

103, 102, 72

HSL

58.1, 17.7%, 34.3%

HSV

58.1, 30.1%, 40.4%

CMYK

0.0%, 1.0%, 30.1%, 59.6%

OKLCH

0.5029 0.0448 106.3

Properties

Warm Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#676648

#484967

Analogous

#675648

#586748

#676648

Triadic

#676648

#486766

#664867

Split Complementary

#676648

#485867

#564867

Tetradic

#676648

#486756

#484967

#674858

Color Blindness Simulation

Original

#676648

Protanopia

#67674F

Deuteranopia

#676751

Tritanopia

#675556

Achromatopsia

#646464

CSS Usage

background-color: #676648;
color: #676648;
border-color: #676648;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F8F6
100
#F0F0EA
200
#E2E1D5
300
#CDCCB7
400
#B1B090
500
#969569
600
#787754
700
#605F43
800
#4B4A34
900
#383829
950
#23231A

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

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