#942998

#942998

Color Values

HEX

#942998

RGB

148, 41, 152

HSL

297.8, 57.5%, 37.8%

HSV

297.8, 73.0%, 59.6%

CMYK

2.6%, 73.0%, 0.0%, 40.4%

OKLCH

0.4914 0.1899 326.4

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#942998

#2D9829

Analogous

#5C2998

#982964

#942998

Triadic

#942998

#989429

#299894

Split Complementary

#942998

#649829

#29985C

Tetradic

#942998

#985C29

#2D9829

#296498

Color Blindness Simulation

Original

#942998

Protanopia

#66657D

Deuteranopia

#6C7477

Tritanopia

#8F6863

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E4F6
200
#EEC7F0
300
#E29FE5
400
#D36AD7
500
#C336C9
600
#9C2BA1
700
#7D2381
800
#621B64
900
#48174A
950
#2D0F2E

Contrast Checker

Text on white

6.93:1

AA Pass AAA Fail

Text on black

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