#56346F

#56346F

Color Values

HEX

#56346F

RGB

86, 52, 111

HSL

274.6, 36.2%, 32.0%

HSV

274.6, 53.2%, 43.5%

CMYK

22.5%, 53.2%, 0.0%, 56.5%

OKLCH

0.3936 0.1024 309.0

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#56346F

#4D6F34

Analogous

#39346F

#6F346B

#56346F

Triadic

#56346F

#6F5634

#346F56

Split Complementary

#56346F

#6B6F34

#346F39

Tetradic

#56346F

#6F3934

#4D6F34

#346B6F

Color Blindness Simulation

Original

#56346F

Protanopia

#474761

Deuteranopia

#494C5D

Tritanopia

#545553

Achromatopsia

#3F3F3F

CSS Usage

background-color: #56346F;
color: #56346F;
border-color: #56346F;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F8F5FA
100
#EEE8F3
200
#DDCEE8
300
#C5ACD8
400
#A67EC3
500
#8751AE
600
#6C418B
700
#56346F
800
#432957
900
#332140
950
#201529

Contrast Checker

Text on white

9.92:1

AA Pass AAA Pass

Text on black

2.12:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026