#980C29

#980C29

Color Values

HEX

#980C29

RGB

152, 12, 41

HSL

347.6, 85.4%, 32.2%

HSV

347.6, 92.1%, 59.6%

CMYK

0.0%, 92.1%, 73.0%, 40.4%

OKLCH

0.4351 0.1678 19.2

Properties

Warm Dark Nearest: RAL 3003 Ruby Red

Color Harmonies

Complementary

#980C29

#0C987B

Analogous

#980C6F

#98350C

#980C29

Triadic

#980C29

#29980C

#0C2998

Split Complementary

#980C29

#0C9835

#0C6F98

Tetradic

#980C29

#6F980C

#0C987B

#350C98

Color Blindness Simulation

Original

#980C29

Protanopia

#5B5A22

Deuteranopia

#646E20

Tritanopia

#911C1B

Achromatopsia

#2C2C2C

CSS Usage

background-color: #980C29;
color: #980C29;
border-color: #980C29;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FDF2F4
100
#FAE0E6
200
#FABDC9
300
#F68EA3
400
#F15071
500
#EC1340
600
#BD0F33
700
#970C29
800
#760920
900
#560B1B
950
#360711

Contrast Checker

Text on white

8.68:1

AA Pass AAA Pass

Text on black

2.42:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026