#970B5A

#970B5A

Color Values

HEX

#970B5A

RGB

151, 11, 90

HSL

326.1, 86.4%, 31.8%

HSV

326.1, 92.7%, 59.2%

CMYK

0.0%, 92.7%, 40.4%, 40.8%

OKLCH

0.4463 0.1771 354.5

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#970B5A

#0B9748

Analogous

#8E0B97

#970B14

#970B5A

Triadic

#970B5A

#5A970B

#0B5A97

Split Complementary

#970B5A

#14970B

#0B978E

Tetradic

#970B5A

#978E0B

#0B9748

#0B1497

Color Blindness Simulation

Original

#970B5A

Protanopia

#5A5947

Deuteranopia

#626D42

Tritanopia

#903834

Achromatopsia

#2E2E2E

CSS Usage

background-color: #970B5A;
color: #970B5A;
border-color: #970B5A;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FDF2F8
100
#FAE0EF
200
#FABCDF
300
#F78DC9
400
#F24FAB
500
#EE118E
600
#BE0E71
700
#980B5B
800
#770947
900
#560B35
950
#360722

Contrast Checker

Text on white

8.36:1

AA Pass AAA Pass

Text on black

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