#550253

#550253

Color Values

HEX

#550253

RGB

85, 2, 83

HSL

301.4, 95.4%, 17.1%

HSV

301.4, 97.6%, 33.3%

CMYK

0.0%, 97.6%, 2.4%, 66.7%

OKLCH

0.3154 0.1416 329.5

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#550253

#025504

Analogous

#2E0255

#55022A

#550253

Triadic

#550253

#535502

#025355

Split Complementary

#550253

#2A5502

#02552E

Tetradic

#550253

#552E02

#025504

#022A55

Color Blindness Simulation

Original

#550253

Protanopia

#31303F

Deuteranopia

#363C3B

Tritanopia

#51302D

Achromatopsia

#191919

CSS Usage

background-color: #550253;
color: #550253;
border-color: #550253;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FEF1FD
100
#FCDFFB
200
#FDB9FC
300
#FC87F9
400
#FB47F6
500
#F906F3
600
#C705C3
700
#9F049C
800
#7D037A
900
#5A0758
950
#390438

Contrast Checker

Text on white

13.82:1

AA Pass AAA Pass

Text on black

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