#65522D

#65522D

Color Values

HEX

#65522D

RGB

101, 82, 45

HSL

39.6, 38.4%, 28.6%

HSV

39.6, 55.4%, 39.6%

CMYK

0.0%, 18.8%, 55.4%, 60.4%

OKLCH

0.449 0.059 82.9

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#65522D

#2D4065

Analogous

#65362D

#5C652D

#65522D

Triadic

#65522D

#2D6552

#522D65

Split Complementary

#65522D

#2D5C65

#362D65

Tetradic

#65522D

#2D6536

#2D4065

#652D5C

Color Blindness Simulation

Original

#65522D

Protanopia

#5D5D36

Deuteranopia

#5E5F38

Tritanopia

#643D3F

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EFE7
200
#E9E0CE
300
#D9C9AA
400
#C5AC7C
500
#B08F4F
600
#8D733F
700
#715C32
800
#584827
900
#413620
950
#292214

Contrast Checker

Text on white

7.5:1

AA Pass AAA Pass

Text on black

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