#564162

#564162

Color Values

HEX

#564162

RGB

86, 65, 98

HSL

278.2, 20.2%, 32.0%

HSV

278.2, 33.7%, 38.4%

CMYK

12.2%, 33.7%, 0.0%, 61.6%

OKLCH

0.4113 0.0597 312.8

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#564162

#4D6241

Analogous

#464162

#62415E

#564162

Triadic

#564162

#625641

#416256

Split Complementary

#564162

#5E6241

#416246

Tetradic

#564162

#624641

#4D6241

#415E62

Color Blindness Simulation

Original

#564162

Protanopia

#4D4D5A

Deuteranopia

#4E5058

Tritanopia

#555452

Achromatopsia

#484848

CSS Usage

background-color: #564162;
color: #564162;
border-color: #564162;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F8F6F9
100
#EEEAF0
200
#DDD4E3
300
#C5B5CE
400
#A68EB4
500
#876699
600
#6C517B
700
#564162
800
#43334D
900
#332839
950
#201924

Contrast Checker

Text on white

9.02:1

AA Pass AAA Pass

Text on black

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