#970697

#970697

Color Values

HEX

#970697

RGB

151, 6, 151

HSL

300,0, 92,4%, 30,8%

HSV

300,0, 96,0%, 59,2%

CMYK

0,0%, 96,0%, 0,0%, 40,8%

OKLCH

0,4764 0,2157 328,3

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#970697

#069706

Analogous

#4F0697

#97064F

#970697

Triadic

#970697

#979706

#069797

Split Complementary

#970697

#4F9706

#06974F

Tetradic

#970697

#974F06

#069706

#064F97

Color Blindness Simulation

Original

#970697

Protanopia

#585774

Deuteranopia

#616B6B

Tritanopia

#905852

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBAFC
300
#FA89FA
400
#F849F8
500
#F50AF5
600
#C408C4
700
#9D069D
800
#7B057B
900
#590859
950
#380538

Contrast Checker

Text on white

7,53:1

AA Pass AAA Pass

Text on black

2,79:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026