#550232

#550232

Color Values

HEX

#550232

RGB

85, 2, 50

HSL

325.3, 95.4%, 17.1%

HSV

325.3, 97.6%, 33.3%

CMYK

0.0%, 97.6%, 41.2%, 66.7%

OKLCH

0.2964 0.1198 353.0

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#550232

#025525

Analogous

#4F0255

#550209

#550232

Triadic

#550232

#325502

#023255

Split Complementary

#550232

#095502

#02554F

Tetradic

#550232

#554F02

#025525

#020955

Color Blindness Simulation

Original

#550232

Protanopia

#313026

Deuteranopia

#363C24

Tritanopia

#511D1B

Achromatopsia

#171717

CSS Usage

background-color: #550232;
color: #550232;
border-color: #550232;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FEF1F8
100
#FCDFEF
200
#FDB9E1
300
#FC87CB
400
#FB47AF
500
#F90693
600
#C70575
700
#9F045E
800
#7D0349
900
#5A0737
950
#390423

Contrast Checker

Text on white

14.57:1

AA Pass AAA Pass

Text on black

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