#945871

#945871

Color Values

HEX

#945871

RGB

148, 88, 113

HSL

335.0, 25.4%, 46.3%

HSV

335.0, 40.5%, 58.0%

CMYK

0.0%, 40.5%, 23.6%, 42.0%

OKLCH

0.536 0.0852 353.8

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#945871

#58947B

Analogous

#94588F

#945D58

#945871

Triadic

#945871

#719458

#587194

Split Complementary

#945871

#58945D

#588F94

Tetradic

#945871

#8F9458

#58947B

#5D5894

Color Blindness Simulation

Original

#945871

Protanopia

#7A796B

Deuteranopia

#7E826A

Tritanopia

#916665

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1E9ED
200
#E4D2DA
300
#D1B2BF
400
#B9899D
500
#A05F7A
600
#804C62
700
#663D4E
800
#50303D
900
#3C252F
950
#26181D

Contrast Checker

Text on white

5.39:1

AA Pass AAA Fail

Text on black

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