#984F42

#984F42

Color Values

HEX

#984F42

RGB

152, 79, 66

HSL

9.1, 39.4%, 42.7%

HSV

9.1, 56.6%, 59.6%

CMYK

0.0%, 48.0%, 56.6%, 40.4%

OKLCH

0.5132 0.1004 31.3

Properties

Warm Dark Nearest: salmon 4

Color Harmonies

Complementary

#984F42

#428B98

Analogous

#984260

#987A42

#984F42

Triadic

#984F42

#42984F

#4F4298

Split Complementary

#984F42

#42987A

#426098

Tetradic

#984F42

#609842

#428B98

#7A4298

Color Blindness Simulation

Original

#984F42

Protanopia

#787845

Deuteranopia

#7D8246

Tritanopia

#944848

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F3E9E7
200
#E9D2CD
300
#DAB1AA
400
#C6877B
500
#B25D4D
600
#8E4A3E
700
#723B31
800
#592E27
900
#42241F
950
#291714

Contrast Checker

Text on white

5.95:1

AA Pass AAA Fail

Text on black

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