#942F97

#942F97

Color Values

HEX

#942F97

RGB

148, 47, 151

HSL

298.3, 52.5%, 38.8%

HSV

298.3, 68.9%, 59.2%

CMYK

2.0%, 68.9%, 0.0%, 40.8%

OKLCH

0.4964 0.1819 326.7

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#942F97

#32972F

Analogous

#602F97

#972F66

#942F97

Triadic

#942F97

#97942F

#2F9794

Split Complementary

#942F97

#66972F

#2F9760

Tetradic

#942F97

#97602F

#32972F

#2F6697

Color Blindness Simulation

Original

#942F97

Protanopia

#68677E

Deuteranopia

#6E7678

Tritanopia

#8F6A66

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E5F5
200
#EDC9EE
300
#E0A2E2
400
#CF6FD2
500
#BF3DC2
600
#99309C
700
#7A277C
800
#5F1E61
900
#461A47
950
#2C102D

Contrast Checker

Text on white

6.75:1

AA Pass AAA Fail

Text on black

3.11:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026