#676552

#676552

Color Values

HEX

#676552

RGB

103, 101, 82

HSL

54.3, 11.4%, 36.3%

HSV

54.3, 20.4%, 40.4%

CMYK

0.0%, 1.9%, 20.4%, 59.6%

OKLCH

0.503 0.029 102.4

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#676552

#525467

Analogous

#675B52

#5F6752

#676552

Triadic

#676552

#526765

#655267

Split Complementary

#676552

#525F67

#5B5267

Tetradic

#676552

#52675B

#525467

#67525F

Color Blindness Simulation

Original

#676552

Protanopia

#666657

Deuteranopia

#666658

Tritanopia

#675A5B

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEFEB
200
#DFDFD7
300
#C9C7BB
400
#ABA996
500
#8E8B71
600
#726F5A
700
#5B5948
800
#474638
900
#35342B
950
#22211B

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

3.56:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026