#946594

#946594

Color Values

HEX

#946594

RGB

148, 101, 148

HSL

300.0, 18.9%, 48.8%

HSV

300.0, 31.8%, 58.0%

CMYK

0.0%, 31.8%, 0.0%, 42.0%

OKLCH

0.5726 0.0895 326.7

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#946594

#659465

Analogous

#7C6594

#94657C

#946594

Triadic

#946594

#949465

#659494

Split Complementary

#946594

#7C9465

#65947C

Tetradic

#946594

#947C65

#659465

#657C94

Color Blindness Simulation

Original

#946594

Protanopia

#807F89

Deuteranopia

#828686

Tritanopia

#92807E

Achromatopsia

#727272

CSS Usage

background-color: #946594;
color: #946594;
border-color: #946594;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F9F6F9
100
#F0EAF0
200
#E2D5E2
300
#CDB6CD
400
#B28FB2
500
#986798
600
#795379
700
#614261
800
#4C344C
900
#392839
950
#241924

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

4.55:1

AA Pass 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