#964161

#964161

Color Values

HEX

#964161

RGB

150, 65, 97

HSL

337.4, 39.5%, 42.2%

HSV

337.4, 56.7%, 58.8%

CMYK

0.0%, 56.7%, 35.3%, 41.2%

OKLCH

0.4965 0.1191 358.7

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#964161

#419676

Analogous

#96418C

#964C41

#964161

Triadic

#964161

#619641

#416196

Split Complementary

#964161

#41964C

#418C96

Tetradic

#964161

#8C9641

#419676

#4C4196

Color Blindness Simulation

Original

#964161

Protanopia

#717059

Deuteranopia

#767C57

Tritanopia

#925352

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E7EC
200
#E9CDD8
300
#DAAABC
400
#C67B97
500
#B24D73
600
#8E3E5C
700
#72314A
800
#59273A
900
#421F2C
950
#29141C

Contrast Checker

Text on white

6.51:1

AA Pass AAA Fail

Text on black

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