#685530

#685530

Color Values

HEX

#685530

RGB

104, 85, 48

HSL

39.6, 36.8%, 29.8%

HSV

39.6, 53.8%, 40.8%

CMYK

0.0%, 18.3%, 53.8%, 59.2%

OKLCH

0.4597 0.0589 83.0

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#685530

#304368

Analogous

#683930

#5F6830

#685530

Triadic

#685530

#306855

#553068

Split Complementary

#685530

#305F68

#393068

Tetradic

#685530

#306839

#304368

#68305F

Color Blindness Simulation

Original

#685530

Protanopia

#606039

Deuteranopia

#61623B

Tritanopia

#674042

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EFE8
200
#E8E0CE
300
#D8C9AB
400
#C3AC7E
500
#AE8F51
600
#8C7240
700
#705B34
800
#574728
900
#403620
950
#292214

Contrast Checker

Text on white

7.17:1

AA Pass AAA Pass

Text on black

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