#984F45

#984F45

Color Values

HEX

#984F45

RGB

152, 79, 69

HSL

7.2, 37.6%, 43.3%

HSV

7.2, 54.6%, 59.6%

CMYK

0.0%, 48.0%, 54.6%, 40.4%

OKLCH

0.5138 0.0996 29.1

Properties

Warm Dark Nearest: salmon 4

Color Harmonies

Complementary

#984F45

#458E98

Analogous

#984564

#987845

#984F45

Triadic

#984F45

#45984F

#4F4598

Split Complementary

#984F45

#459878

#456498

Tetradic

#984F45

#649845

#458E98

#784598

Color Blindness Simulation

Original

#984F45

Protanopia

#787847

Deuteranopia

#7D8248

Tritanopia

#94494A

Achromatopsia

#5E5E5E

CSS Usage

background-color: #984F45;
color: #984F45;
border-color: #984F45;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FAF5F5
100
#F3E9E7
200
#E9D1CE
300
#D9B0AB
400
#C4867D
500
#AF5B50
600
#8C4940
700
#703A33
800
#582E28
900
#412420
950
#291714

Contrast Checker

Text on white

5.93:1

AA Pass AAA Fail

Text on black

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