#984F34

#984F34

Color Values

HEX

#984F34

RGB

152, 79, 52

HSL

16.2, 49.0%, 40.0%

HSV

16.2, 65.8%, 59.6%

CMYK

0.0%, 48.0%, 65.8%, 40.4%

OKLCH

0.5108 0.1056 40.6

Properties

Warm Dark Nearest: sienna 4

Color Harmonies

Complementary

#984F34

#347D98

Analogous

#98344B

#988134

#984F34

Triadic

#984F34

#34984F

#4F3498

Split Complementary

#984F34

#349881

#344B98

Tetradic

#984F34

#4B9834

#347D98

#813498

Color Blindness Simulation

Original

#984F34

Protanopia

#78783B

Deuteranopia

#7D823C

Tritanopia

#944041

Achromatopsia

#5D5D5D

CSS Usage

background-color: #984F34;
color: #984F34;
border-color: #984F34;
Nearest Tailwind: Amber 900 #78350F

Tailwind Shades

50
#FBF6F4
100
#F5EAE6
200
#EDD3CA
300
#E0B4A4
400
#CF8B72
500
#BE6341
600
#984F34
700
#7A3F2A
800
#5F3121
900
#46271B
950
#2C1811

Contrast Checker

Text on white

5.99:1

AA Pass AAA Fail

Text on black

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