#984848

#984848

Color Values

HEX

#984848

RGB

152, 72, 72

HSL

0.0, 35.7%, 43.9%

HSV

0.0, 52.6%, 59.6%

CMYK

0.0%, 52.6%, 52.6%, 40.4%

OKLCH

0.503 0.1076 21.7

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#984848

#489898

Analogous

#984870

#987048

#984848

Triadic

#984848

#489848

#484898

Split Complementary

#984848

#489870

#487098

Tetradic

#984848

#709848

#489898

#704898

Color Blindness Simulation

Original

#984848

Protanopia

#757548

Deuteranopia

#7A8048

Tritanopia

#944848

Achromatopsia

#595959

CSS Usage

background-color: #984848;
color: #984848;
border-color: #984848;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF5F5
100
#F3E8E8
200
#E8CFCF
300
#D8ACAC
400
#C27F7F
500
#AD5252
600
#8A4242
700
#6F3434
800
#572929
900
#402121
950
#281515

Contrast Checker

Text on white

6.26:1

AA Pass AAA Fail

Text on black

3.36:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026