#561298

#561298

Color Values

HEX

#561298

RGB

86, 18, 152

HSL

270.4, 78.8%, 33.3%

HSV

270.4, 88.2%, 59.6%

CMYK

43.4%, 88.2%, 0.0%, 40.4%

OKLCH

0.3854 0.1913 299.4

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#561298

#549812

Analogous

#131298

#981297

#561298

Triadic

#561298

#985612

#129856

Split Complementary

#561298

#979812

#129813

Tetradic

#561298

#981312

#549812

#129798

Color Blindness Simulation

Original

#561298

Protanopia

#393878

Deuteranopia

#3C4270

Tritanopia

#535E58

Achromatopsia

#2A2A2A

CSS Usage

background-color: #561298;
color: #561298;
border-color: #561298;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F7F2FC
100
#EDE1F9
200
#DCBFF7
300
#C292F2
400
#A256EB
500
#811BE4
600
#6716B6
700
#521192
800
#400E72
900
#310E53
950
#1F0934

Contrast Checker

Text on white

10.85:1

AA Pass AAA Pass

Text on black

1.94:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026