#945886

#945886

Color Values

HEX

#945886

RGB

148, 88, 134

HSL

314.0, 25.4%, 46.3%

HSV

314.0, 40.5%, 58.0%

CMYK

0.0%, 40.5%, 9.5%, 42.0%

OKLCH

0.544 0.1004 336.0

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#945886

#589466

Analogous

#845894

#945868

#945886

Triadic

#945886

#869458

#588694

Split Complementary

#945886

#689458

#589484

Tetradic

#945886

#948458

#589466

#586894

Color Blindness Simulation

Original

#945886

Protanopia

#7A797B

Deuteranopia

#7E8278

Tritanopia

#917270

Achromatopsia

#686868

CSS Usage

background-color: #945886;
color: #945886;
border-color: #945886;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E4D2E0
300
#D1B2CA
400
#B989AD
500
#A05F91
600
#804C74
700
#663D5D
800
#503048
900
#3C2536
950
#261822

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

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