#980B65

#980B65

Color Values

HEX

#980B65

RGB

152, 11, 101

HSL

321.7, 86.5%, 32.0%

HSV

321.7, 92.8%, 59.6%

CMYK

0.0%, 92.8%, 33.6%, 40.4%

OKLCH

0.4527 0.1829 349.4

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#980B65

#0B983E

Analogous

#850B98

#980B1F

#980B65

Triadic

#980B65

#65980B

#0B6598

Split Complementary

#980B65

#1F980B

#0B9885

Tetradic

#980B65

#98850B

#0B983E

#0B1F98

Color Blindness Simulation

Original

#980B65

Protanopia

#5B5A4F

Deuteranopia

#636E4A

Tritanopia

#913E3A

Achromatopsia

#2F2F2F

CSS Usage

background-color: #980B65;
color: #980B65;
border-color: #980B65;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FDF2F9
100
#FAE0F1
200
#FABCE4
300
#F78DD0
400
#F24FB7
500
#EE119E
600
#BE0E7E
700
#980B65
800
#77094F
900
#560B3B
950
#360725

Contrast Checker

Text on white

8.17:1

AA Pass AAA Pass

Text on black

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