#940596

#940596

Color Values

HEX

#940596

RGB

148, 5, 150

HSL

299.2, 93.5%, 30.4%

HSV

299.2, 96.7%, 58.8%

CMYK

1.3%, 96.7%, 0.0%, 41.2%

OKLCH

0.4705 0.2143 327.6

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#940596

#079605

Analogous

#4C0596

#96054F

#940596

Triadic

#940596

#969405

#059694

Split Complementary

#940596

#4F9605

#05964C

Tetradic

#940596

#964C05

#079605

#054F96

Color Blindness Simulation

Original

#940596

Protanopia

#565573

Deuteranopia

#5E696A

Tritanopia

#8D5751

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBAFD
300
#F989FB
400
#F748F9
500
#F408F7
600
#C307C5
700
#9C059E
800
#7A047B
900
#580859
950
#380538

Contrast Checker

Text on white

7.72:1

AA Pass AAA Pass

Text on black

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