#56079D

#56079D

Color Values

HEX

#56079D

RGB

86, 7, 157

HSL

271.6, 91.5%, 32.2%

HSV

271.6, 95.5%, 61.6%

CMYK

45.2%, 95.5%, 0.0%, 38.4%

OKLCH

0.3846 0.2017 298.5

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#56079D

#4E9D07

Analogous

#0B079D

#9D0799

#56079D

Triadic

#56079D

#9D5607

#079D56

Split Complementary

#56079D

#999D07

#079D0B

Tetradic

#56079D

#9D0B07

#4E9D07

#07999D

Color Blindness Simulation

Original

#56079D

Protanopia

#343379

Deuteranopia

#383E70

Tritanopia

#525C56

Achromatopsia

#232323

CSS Usage

background-color: #56079D;
color: #56079D;
border-color: #56079D;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F1FD
100
#EEDFFB
200
#DDBBFC
300
#C58AFA
400
#A54AF7
500
#860BF4
600
#6B09C3
700
#56079C
800
#43057A
900
#330958
950
#200538

Contrast Checker

Text on white

10.98:1

AA Pass AAA Pass

Text on black

1.91:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026