#943099

#943099

Color Values

HEX

#943099

RGB

148, 48, 153

HSL

297.1, 52.2%, 39.4%

HSV

297.1, 68.6%, 60.0%

CMYK

3.3%, 68.6%, 0.0%, 40.0%

OKLCH

0.4986 0.1824 325.9

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#943099

#359930

Analogous

#5F3099

#99306A

#943099

Triadic

#943099

#999430

#309994

Split Complementary

#943099

#6A9930

#30995F

Tetradic

#943099

#995F30

#359930

#306A99

Color Blindness Simulation

Original

#943099

Protanopia

#696880

Deuteranopia

#6E767A

Tritanopia

#8F6C67

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#ECC9EE
300
#DFA2E2
400
#CD6FD2
500
#BC3DC2
600
#96319B
700
#78277C
800
#5E1E61
900
#451A47
950
#2C102D

Contrast Checker

Text on white

6.68:1

AA Pass AAA Fail

Text on black

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