#970B88

#970B88

Color Values

HEX

#970B88

RGB

151, 11, 136

HSL

306.4, 86.4%, 31.8%

HSV

306.4, 92.7%, 59.2%

CMYK

0.0%, 92.7%, 9.9%, 40.8%

OKLCH

0.4687 0.2034 333.9

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#970B88

#0B971A

Analogous

#600B97

#970B42

#970B88

Triadic

#970B88

#88970B

#0B8897

Split Complementary

#970B88

#42970B

#0B9760

Tetradic

#970B88

#97600B

#0B971A

#0B4297

Color Blindness Simulation

Original

#970B88

Protanopia

#5A596A

Deuteranopia

#626D62

Tritanopia

#90524D

Achromatopsia

#323232

CSS Usage

background-color: #970B88;
color: #970B88;
border-color: #970B88;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FDF2FC
100
#FAE0F7
200
#FABCF4
300
#F78DEB
400
#F24FE1
500
#EE11D6
600
#BE0EAB
700
#980B89
800
#77096B
900
#560B4E
950
#360731

Contrast Checker

Text on white

7.72:1

AA Pass AAA Pass

Text on black

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