#941786

#941786

Color Values

HEX

#941786

RGB

148, 23, 134

HSL

306.7, 73.1%, 33.5%

HSV

306.7, 84.5%, 58.0%

CMYK

0.0%, 84.5%, 9.5%, 42.0%

OKLCH

0.4678 0.1935 333.6

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#941786

#179425

Analogous

#631794

#941747

#941786

Triadic

#941786

#869417

#178694

Split Complementary

#941786

#479417

#179463

Tetradic

#941786

#946317

#179425

#174794

Color Blindness Simulation

Original

#941786

Protanopia

#5E5D6B

Deuteranopia

#656E65

Tritanopia

#8E5651

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E2F6
200
#F5C1F0
300
#EF95E5
400
#E65CD6
500
#DD22C8
600
#B11BA0
700
#8D1680
800
#6E1164
900
#501149
950
#330A2E

Contrast Checker

Text on white

7.7:1

AA Pass AAA Pass

Text on black

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