#697556

#697556

Color Values

HEX

#697556

RGB

105, 117, 86

HSL

83.2, 15.3%, 39.8%

HSV

83.2, 26.5%, 45.9%

CMYK

10.3%, 0.0%, 26.5%, 54.1%

OKLCH

0.5436 0.0485 125.2

Properties

Cool Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#697556

#625675

Analogous

#757156

#597556

#697556

Triadic

#697556

#566975

#755669

Split Complementary

#697556

#565975

#715675

Tetradic

#697556

#567571

#625675

#755659

Color Blindness Simulation

Original

#697556

Protanopia

#6E6E5D

Deuteranopia

#6E6D5F

Tritanopia

#6A6365

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EEEFEB
200
#DDE1D6
300
#C4CBB8
400
#A4AF92
500
#84936C
600
#6A7656
700
#545E45
800
#424A36
900
#32372A
950
#20231A

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

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