#970699

#970699

Color Values

HEX

#970699

RGB

151, 6, 153

HSL

299.2, 92.5%, 31.2%

HSV

299.2, 96.1%, 60.0%

CMYK

1.3%, 96.1%, 0.0%, 40.0%

OKLCH

0.4777 0.2171 327.6

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#970699

#089906

Analogous

#4E0699

#990652

#970699

Triadic

#970699

#999706

#069997

Split Complementary

#970699

#529906

#06994E

Tetradic

#970699

#994E06

#089906

#065299

Color Blindness Simulation

Original

#970699

Protanopia

#585775

Deuteranopia

#616B6D

Tritanopia

#905953

Achromatopsia

#2F2F2F

CSS Usage

background-color: #970699;
color: #970699;
border-color: #970699;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FBBAFC
300
#F989FA
400
#F649F8
500
#F20AF5
600
#C208C4
700
#9B069D
800
#79057B
900
#580859
950
#370538

Contrast Checker

Text on white

7.49:1

AA Pass AAA Pass

Text on black

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