#895648

#895648

Color Values

HEX

#895648

RGB

137, 86, 72

HSL

12.9, 31.1%, 41.0%

HSV

12.9, 47.4%, 53.7%

CMYK

0.0%, 37.2%, 47.4%, 46.3%

OKLCH

0.5066 0.0719 36.1

Properties

Warm Dark Nearest: lightsalmon 4

Color Harmonies

Complementary

#895648

#487B89

Analogous

#89485B

#897748

#895648

Triadic

#895648

#488956

#564889

Split Complementary

#895648

#488977

#485B89

Tetradic

#895648

#5B8948

#487B89

#774889

Color Blindness Simulation

Original

#895648

Protanopia

#73724B

Deuteranopia

#767A4C

Tritanopia

#864E4F

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F9F6F5
100
#F2EAE8
200
#E6D5D0
300
#D5B7AF
400
#BE9083
500
#A76958
600
#865446
700
#6B4338
800
#54342C
900
#3E2923
950
#271A16

Contrast Checker

Text on white

6.02:1

AA Pass AAA Fail

Text on black

3.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