#55227D

#55227D

Color Values

HEX

#55227D

RGB

85, 34, 125

HSL

273.6, 57.2%, 31.2%

HSV

273.6, 72.8%, 49.0%

CMYK

32.0%, 72.8%, 0.0%, 51.0%

OKLCH

0.3752 0.1475 306.1

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#55227D

#4A7D22

Analogous

#28227D

#7D2278

#55227D

Triadic

#55227D

#7D5522

#227D55

Split Complementary

#55227D

#787D22

#227D28

Tetradic

#55227D

#7D2822

#4A7D22

#22787D

Color Blindness Simulation

Original

#55227D

Protanopia

#3F3E67

Deuteranopia

#424662

Tritanopia

#525652

Achromatopsia

#333333

CSS Usage

background-color: #55227D;
color: #55227D;
border-color: #55227D;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F4FB
100
#EEE4F6
200
#DEC7F0
300
#C69FE5
400
#A76BD7
500
#8837C8
600
#6D2CA0
700
#572380
800
#441B64
900
#331849
950
#200F2E

Contrast Checker

Text on white

10.99:1

AA Pass AAA Pass

Text on black

1.91:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026