#55165D

#55165D

Color Values

HEX

#55165D

RGB

85, 22, 93

HSL

293,2, 61,7%, 22,5%

HSV

293,2, 76,3%, 36,5%

CMYK

8,6%, 76,3%, 0,0%, 63,5%

OKLCH

0,3376 0,1302 323,0

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#55165D

#1E5D16

Analogous

#31165D

#5D1641

#55165D

Triadic

#55165D

#5D5516

#165D55

Split Complementary

#55165D

#415D16

#165D31

Tetradic

#55165D

#5D3116

#1E5D16

#16415D

Color Blindness Simulation

Original

#55165D

Protanopia

#3A394C

Deuteranopia

#3D4248

Tritanopia

#523E3B

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#FAF3FB
100
#F4E4F7
200
#ECC5F1
300
#DF9CE8
400
#CE66DB
500
#BC31CE
600
#9727A5
700
#791F84
800
#5E1867
900
#45164B
950
#2C0E30

Contrast Checker

Text on white

12,66:1

AA Pass AAA Pass

Text on black

1,66:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026