#678568

#678568

Color Values

HEX

#678568

RGB

103, 133, 104

HSL

122.0, 12.7%, 46.3%

HSV

122.0, 22.6%, 52.2%

CMYK

22.6%, 0.0%, 21.8%, 47.8%

OKLCH

0.5851 0.0556 145.7

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#678568

#856784

Analogous

#758567

#678577

#678568

Triadic

#678568

#686785

#856867

Split Complementary

#678568

#776785

#856775

Tetradic

#678568

#677585

#856784

#857767

Color Blindness Simulation

Original

#678568

Protanopia

#74746F

Deuteranopia

#727071

Tritanopia

#687576

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EBEFEB
200
#D7E0D7
300
#BACABB
400
#95AD95
500
#6F9070
600
#59735A
700
#475C48
800
#384838
900
#2B362B
950
#1B221B

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

5.13:1

AA Pass 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