#684623

#684623

Color Values

HEX

#684623

RGB

104, 70, 35

HSL

30.4, 49.6%, 27.3%

HSV

30.4, 66.3%, 40.8%

CMYK

0.0%, 32.7%, 66.3%, 59.2%

OKLCH

0.4246 0.0683 64.9

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#684623

#234568

Analogous

#682423

#686823

#684623

Triadic

#684623

#236846

#462368

Split Complementary

#684623

#236868

#242368

Tetradic

#684623

#236824

#234568

#682368

Color Blindness Simulation

Original

#684623

Protanopia

#59592B

Deuteranopia

#5B5E2E

Tritanopia

#663234

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F5EDE6
200
#EDDCCA
300
#E0C2A3
400
#CFA172
500
#BF8040
600
#996733
700
#7A5229
800
#5F4020
900
#46311B
950
#2C1F11

Contrast Checker

Text on white

8.44:1

AA Pass AAA Pass

Text on black

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