#970C86

#970C86

Color Values

HEX

#970C86

RGB

151, 12, 134

HSL

307.3, 85.3%, 32.0%

HSV

307.3, 92.1%, 59.2%

CMYK

0.0%, 92.1%, 11.3%, 40.8%

OKLCH

0.4679 0.2016 334.6

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#970C86

#0C971D

Analogous

#630C97

#970C41

#970C86

Triadic

#970C86

#86970C

#0C8697

Split Complementary

#970C86

#41970C

#0C9763

Tetradic

#970C86

#97630C

#0C971D

#0C4197

Color Blindness Simulation

Original

#970C86

Protanopia

#5B5A69

Deuteranopia

#636D61

Tritanopia

#90514C

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE0F7
200
#FABDF2
300
#F68EE9
400
#F150DE
500
#EC13D2
600
#BD0FA8
700
#970C86
800
#760969
900
#560B4D
950
#360730

Contrast Checker

Text on white

7.74:1

AA Pass AAA Pass

Text on black

2.71:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026