#694726

#694726

Color Values

HEX

#694726

RGB

105, 71, 38

HSL

29.6, 46.9%, 28.0%

HSV

29.6, 63.8%, 41.2%

CMYK

0.0%, 32.4%, 63.8%, 58.8%

OKLCH

0.4285 0.0666 63.6

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#694726

#264869

Analogous

#692626

#696826

#694726

Triadic

#694726

#266947

#472669

Split Complementary

#694726

#266968

#262669

Tetradic

#694726

#266926

#264869

#682669

Color Blindness Simulation

Original

#694726

Protanopia

#5A5A2E

Deuteranopia

#5C5F30

Tritanopia

#673436

Achromatopsia

#4C4C4C

CSS Usage

background-color: #694726;
color: #694726;
border-color: #694726;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#ECDBCB
300
#DFC1A5
400
#CDA074
500
#BB7F44
600
#966536
700
#78512B
800
#5E3F22
900
#45301C
950
#2C1E12

Contrast Checker

Text on white

8.3:1

AA Pass AAA Pass

Text on black

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