#56239E

#56239E

Color Values

HEX

#56239E

RGB

86, 35, 158

HSL

264.9, 63.7%, 37.8%

HSV

264.9, 77.8%, 62.0%

CMYK

45.6%, 77.8%, 0.0%, 38.0%

OKLCH

0.4059 0.1829 295.9

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#56239E

#6B9E23

Analogous

#232D9E

#93239E

#56239E

Triadic

#56239E

#9E5623

#239E56

Split Complementary

#56239E

#9E9323

#2D9E23

Tetradic

#56239E

#9E232D

#6B9E23

#239E93

Color Blindness Simulation

Original

#56239E

Protanopia

#403F80

Deuteranopia

#434779

Tritanopia

#536964

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F7F3FB
100
#ECE3F7
200
#D7C5F2
300
#BB9BE9
400
#9665DD
500
#722ED1
600
#5B25A7
700
#491E86
800
#391768
900
#2C154C
950
#1C0D30

Contrast Checker

Text on white

9.86:1

AA Pass AAA Pass

Text on black

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