#9A2C63

#9A2C63

Color Values

HEX

#9A2C63

RGB

154, 44, 99

HSL

330.0, 55.6%, 38.8%

HSV

330.0, 71.4%, 60.4%

CMYK

0.0%, 71.4%, 35.7%, 39.6%

OKLCH

0.4778 0.1542 353.9

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#9A2C63

#2C9A63

Analogous

#9A2C9A

#9A2C2C

#9A2C63

Triadic

#9A2C63

#639A2C

#2C639A

Split Complementary

#9A2C63

#2C9A2C

#2C9A9A

Tetradic

#9A2C63

#9A9A2C

#2C9A63

#2C2C9A

Color Blindness Simulation

Original

#9A2C63

Protanopia

#6A6956

Deuteranopia

#717952

Tritanopia

#944B49

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E5ED
200
#EFC7DB
300
#E4A0C2
400
#D56CA1
500
#C63980
600
#9F2D66
700
#7F2452
800
#631C40
900
#491830
950
#2E0F1F

Contrast Checker

Text on white

7.21:1

AA Pass AAA Pass

Text on black

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