#946292

#946292

Color Values

HEX

#946292

RGB

148, 98, 146

HSL

302.4, 20.3%, 48.2%

HSV

302.4, 33.8%, 58.0%

CMYK

0.0%, 33.8%, 1.4%, 42.0%

OKLCH

0.5664 0.093 328.1

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#946292

#629464

Analogous

#7D6294

#946279

#946292

Triadic

#946292

#929462

#629294

Split Complementary

#946292

#799462

#62947D

Tetradic

#946292

#947D62

#629464

#627994

Color Blindness Simulation

Original

#946292

Protanopia

#7E7E86

Deuteranopia

#818584

Tritanopia

#927D7B

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F0EAF0
200
#E3D4E2
300
#CEB5CD
400
#B48DB2
500
#996697
600
#7B5179
700
#624161
800
#4D334C
900
#392839
950
#241924

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

4.42:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026