#688565

#688565

Color Values

HEX

#688565

RGB

104, 133, 101

HSL

114.4, 13.7%, 45.9%

HSV

114.4, 24.1%, 52.2%

CMYK

21.8%, 0.0%, 24.1%, 47.8%

OKLCH

0.5851 0.0584 142.4

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#688565

#826585

Analogous

#788565

#658572

#688565

Triadic

#688565

#656885

#856568

Split Complementary

#688565

#726585

#856578

Tetradic

#688565

#657885

#826585

#857265

Color Blindness Simulation

Original

#688565

Protanopia

#75756D

Deuteranopia

#73716F

Tritanopia

#697374

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#EBEFEB
200
#D7E0D6
300
#BBCAB9
400
#96AE94
500
#71916E
600
#5B7458
700
#495D46
800
#394837
900
#2C362A
950
#1C221B

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

5.13:1

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