#970C80

#970C80

Color Values

HEX

#970C80

RGB

151, 12, 128

HSL

309,9, 85,3%, 32,0%

HSV

309,9, 92,1%, 59,2%

CMYK

0,0%, 92,1%, 15,2%, 40,8%

OKLCH

0,4645 0,1977 337,1

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#970C80

#0C9723

Analogous

#690C97

#970C3B

#970C80

Triadic

#970C80

#80970C

#0C8097

Split Complementary

#970C80

#3B970C

#0C9769

Tetradic

#970C80

#97690C

#0C9723

#0C3B97

Color Blindness Simulation

Original

#970C80

Protanopia

#5B5A64

Deuteranopia

#636D5D

Tritanopia

#904E49

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE0F6
200
#FABDF0
300
#F68EE5
400
#F150D7
500
#EC13C8
600
#BD0FA0
700
#970C80
800
#760964
900
#560B49
950
#36072E

Contrast Checker

Text on white

7,84:1

AA Pass AAA Pass

Text on black

2,68: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