#563057

#563057

Color Values

HEX

#563057

RGB

86, 48, 87

HSL

298.5, 28.9%, 26.5%

HSV

298.5, 44.8%, 34.1%

CMYK

1.1%, 44.8%, 0.0%, 65.9%

OKLCH

0.3728 0.0804 326.1

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#563057

#315730

Analogous

#433057

#573045

#563057

Triadic

#563057

#575630

#305756

Split Complementary

#563057

#455730

#305743

Tetradic

#563057

#574330

#315730

#304557

Color Blindness Simulation

Original

#563057

Protanopia

#46454E

Deuteranopia

#484B4B

Tritanopia

#544644

Achromatopsia

#3B3B3B

CSS Usage

background-color: #563057;
color: #563057;
border-color: #563057;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F9F5F9
100
#F1E9F2
200
#E5D1E6
300
#D3B0D3
400
#BB85BC
500
#A35BA4
600
#824983
700
#683A69
800
#512D52
900
#3C243D
950
#261727

Contrast Checker

Text on white

10.74:1

AA Pass AAA Pass

Text on black

1.96:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026