#982F2A

#982F2A

Color Values

HEX

#982F2A

RGB

152, 47, 42

HSL

2.7, 56.7%, 38.0%

HSV

2.7, 72.4%, 59.6%

CMYK

0.0%, 69.1%, 72.4%, 40.4%

OKLCH

0.4628 0.1411 26.9

Properties

Warm Dark Nearest: brown 4

Color Harmonies

Complementary

#982F2A

#2A9398

Analogous

#982A5C

#98662A

#982F2A

Triadic

#982F2A

#2A982F

#2F2A98

Split Complementary

#982F2A

#2A9866

#2A5C98

Tetradic

#982F2A

#5C982A

#2A9398

#662A98

Color Blindness Simulation

Original

#982F2A

Protanopia

#6B6A2B

Deuteranopia

#71782C

Tritanopia

#932C2C

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E5E5
200
#F0C9C7
300
#E5A29F
400
#D6706B
500
#C83E37
600
#A0312C
700
#802723
800
#641F1C
900
#491A18
950
#2E100F

Contrast Checker

Text on white

7.57:1

AA Pass AAA Pass

Text on black

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