#942997

#942997

Color Values

HEX

#942997

RGB

148, 41, 151

HSL

298.4, 57.3%, 37.6%

HSV

298.4, 72.8%, 59.2%

CMYK

2.0%, 72.8%, 0.0%, 40.8%

OKLCH

0.4908 0.1891 326.8

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#942997

#2C9729

Analogous

#5D2997

#972963

#942997

Triadic

#942997

#979429

#299794

Split Complementary

#942997

#639729

#29975D

Tetradic

#942997

#975D29

#2C9729

#296397

Color Blindness Simulation

Original

#942997

Protanopia

#66657C

Deuteranopia

#6C7476

Tritanopia

#8F6763

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E4F6
200
#EFC7F0
300
#E39FE5
400
#D46BD7
500
#C536C9
600
#9D2CA0
700
#7E2380
800
#621B64
900
#481749
950
#2E0F2E

Contrast Checker

Text on white

6.95:1

AA Pass AAA Fail

Text on black

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