#694D36

#694D36

Color Values

HEX

#694D36

RGB

105, 77, 54

HSL

27.1, 32.1%, 31.2%

HSV

27.1, 48.6%, 41.2%

CMYK

0.0%, 26.7%, 48.6%, 58.8%

OKLCH

0.4442 0.0516 60.3

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#694D36

#365269

Analogous

#693638

#696736

#694D36

Triadic

#694D36

#36694D

#4D3669

Split Complementary

#694D36

#366967

#363869

Tetradic

#694D36

#386936

#365269

#673669

Color Blindness Simulation

Original

#694D36

Protanopia

#5D5D3C

Deuteranopia

#5E613D

Tritanopia

#684041

Achromatopsia

#515151

CSS Usage

background-color: #694D36;
color: #694D36;
border-color: #694D36;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F7F5
100
#F2EDE8
200
#E7DAD0
300
#D5C0AE
400
#BF9E82
500
#A87C57
600
#876345
700
#6C4F37
800
#543E2B
900
#3E2F22
950
#271E16

Contrast Checker

Text on white

7.73:1

AA Pass AAA Pass

Text on black

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