#562555

#562555

Color Values

HEX

#562555

RGB

86, 37, 85

HSL

301.2, 39.8%, 24.1%

HSV

301.2, 57.0%, 33.7%

CMYK

0.0%, 57.0%, 1.2%, 66.3%

OKLCH

0.3534 0.0993 328.2

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#562555

#255626

Analogous

#3E2556

#56253C

#562555

Triadic

#562555

#555625

#255556

Split Complementary

#562555

#3C5625

#25563E

Tetradic

#562555

#563E25

#255626

#253C56

Color Blindness Simulation

Original

#562555

Protanopia

#414049

Deuteranopia

#444747

Tritanopia

#54403E

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#EACDE9
300
#DAA9D9
400
#C67BC5
500
#B24DB0
600
#8F3D8D
700
#723171
800
#592658
900
#421F41
950
#2A1429

Contrast Checker

Text on white

11.72:1

AA Pass AAA Pass

Text on black

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