#694128

#694128

Color Values

HEX

#694128

RGB

105, 65, 40

HSL

23.1, 44.8%, 28.4%

HSV

23.1, 61.9%, 41.2%

CMYK

0.0%, 38.1%, 61.9%, 58.8%

OKLCH

0.4163 0.0674 51.9

Properties

Warm Dark Nearest: RAL 8002 Signal Brown

Color Harmonies

Complementary

#694128

#285069

Analogous

#69282F

#696128

#694128

Triadic

#694128

#286941

#412869

Split Complementary

#694128

#286961

#282F69

Tetradic

#694128

#2F6928

#285069

#612869

Color Blindness Simulation

Original

#694128

Protanopia

#58572E

Deuteranopia

#5A5D30

Tritanopia

#673334

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#EBD8CB
300
#DDBBA6
400
#CB9776
500
#B97246
600
#945B38
700
#76492D
800
#5C3923
900
#442C1D
950
#2B1C12

Contrast Checker

Text on white

8.8:1

AA Pass AAA Pass

Text on black

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