#974094

#974094

Color Values

HEX

#974094

RGB

151, 64, 148

HSL

302.1, 40.5%, 42.2%

HSV

302.1, 57.6%, 59.2%

CMYK

0.0%, 57.6%, 2.0%, 40.8%

OKLCH

0.5185 0.1569 328.9

Properties

Warm Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#974094

#409743

Analogous

#6F4097

#974069

#974094

Triadic

#974094

#949740

#409497

Split Complementary

#974094

#699740

#40976F

Tetradic

#974094

#976F40

#409743

#406997

Color Blindness Simulation

Original

#974094

Protanopia

#717180

Deuteranopia

#767D7B

Tritanopia

#93706C

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#EACDE9
300
#DBA9D9
400
#C77AC4
500
#B34CB0
600
#8F3D8C
700
#733170
800
#5A2658
900
#421F41
950
#2A1329

Contrast Checker

Text on white

6.04:1

AA Pass AAA Fail

Text on black

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