#694318

#694318

Color Values

HEX

#694318

RGB

105, 67, 24

HSL

31.9, 62.8%, 25.3%

HSV

31.9, 77.1%, 41.2%

CMYK

0.0%, 36.2%, 77.1%, 58.8%

OKLCH

0.4183 0.0776 65.8

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#694318

#183E69

Analogous

#691B18

#666918

#694318

Triadic

#694318

#186943

#431869

Split Complementary

#694318

#186669

#1B1869

Tetradic

#694318

#18691B

#183E69

#691866

Color Blindness Simulation

Original

#694318

Protanopia

#595822

Deuteranopia

#5B5E25

Tritanopia

#672B2C

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F7EEE4
200
#F2DDC5
300
#E8C49B
400
#DCA465
500
#D0852F
600
#A66A26
700
#85551E
800
#684218
900
#4C3215
950
#30200D

Contrast Checker

Text on white

8.69:1

AA Pass AAA Pass

Text on black

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