#56057B

#56057B

Color Values

HEX

#56057B

RGB

86, 5, 123

HSL

281.2, 92.2%, 25.1%

HSV

281.2, 95.9%, 48.2%

CMYK

30.1%, 95.9%, 0.0%, 51.8%

OKLCH

0.351 0.1725 310.3

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#56057B

#2A7B05

Analogous

#1B057B

#7B0565

#56057B

Triadic

#56057B

#7B5605

#057B56

Split Complementary

#56057B

#657B05

#057B1B

Tetradic

#56057B

#7B1B05

#2A7B05

#05657B

Color Blindness Simulation

Original

#56057B

Protanopia

#33325E

Deuteranopia

#383E58

Tritanopia

#524843

Achromatopsia

#1F1F1F

CSS Usage

background-color: #56057B;
color: #56057B;
border-color: #56057B;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#FAF1FD
100
#F2DFFB
200
#E8BAFC
300
#D789FA
400
#C14AF8
500
#AB0AF5
600
#8908C4
700
#6E069D
800
#56057B
900
#3F0859
950
#280538

Contrast Checker

Text on white

12.33:1

AA Pass AAA Pass

Text on black

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