#974689

#974689

Color Values

HEX

#974689

RGB

151, 70, 137

HSL

310.4, 36.7%, 43.3%

HSV

310.4, 53.6%, 59.2%

CMYK

0.0%, 53.6%, 9.3%, 40.8%

OKLCH

0.5212 0.1376 334.4

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#974689

#469754

Analogous

#7C4697

#974660

#974689

Triadic

#974689

#899746

#468997

Split Complementary

#974689

#609746

#46977C

Tetradic

#974689

#977C46

#469754

#466097

Color Blindness Simulation

Original

#974689

Protanopia

#747379

Deuteranopia

#797F75

Tritanopia

#936C69

Achromatopsia

#5C5C5C

CSS Usage

background-color: #974689;
color: #974689;
border-color: #974689;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5F9
100
#F3E8F1
200
#E8CEE4
300
#D8ABD0
400
#C37EB7
500
#AE519E
600
#8B417E
700
#703465
800
#57284F
900
#40203B
950
#291425

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

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