#941561

#941561

Color Values

HEX

#941561

RGB

148, 21, 97

HSL

324.1, 75.1%, 33.1%

HSV

324.1, 85.8%, 58.0%

CMYK

0.0%, 85.8%, 34.5%, 42.0%

OKLCH

0.4483 0.1722 350.5

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#941561

#159448

Analogous

#871594

#941521

#941561

Triadic

#941561

#619415

#156194

Split Complementary

#941561

#219415

#159487

Tetradic

#941561

#948715

#159448

#152194

Color Blindness Simulation

Original

#941561

Protanopia

#5D5C4F

Deuteranopia

#646E4A

Tritanopia

#8E403D

Achromatopsia

#353535

CSS Usage

background-color: #941561;
color: #941561;
border-color: #941561;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FCF2F8
100
#F9E2EF
200
#F6C0E1
300
#F094CB
400
#E85AAF
500
#DF2092
600
#B31975
700
#8F145E
800
#701049
900
#511037
950
#330A23

Contrast Checker

Text on white

8.27:1

AA Pass AAA Pass

Text on black

2.54:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026