#56405B

#56405B

Color Values

HEX

#56405B

RGB

86, 64, 91

HSL

288.9, 17.4%, 30.4%

HSV

288.9, 29.7%, 35.7%

CMYK

5.5%, 29.7%, 0.0%, 64.3%

OKLCH

0.4059 0.0523 320.0

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#56405B

#455B40

Analogous

#49405B

#5B4053

#56405B

Triadic

#56405B

#5B5640

#405B56

Split Complementary

#56405B

#535B40

#405B49

Tetradic

#56405B

#5B4940

#455B40

#40535B

Color Blindness Simulation

Original

#56405B

Protanopia

#4C4C54

Deuteranopia

#4E4F53

Tritanopia

#554F4E

Achromatopsia

#474747

CSS Usage

background-color: #56405B;
color: #56405B;
border-color: #56405B;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F8F6F8
100
#EFEBF0
200
#DFD5E2
300
#C9B7CC
400
#AB90B1
500
#8D6996
600
#715478
700
#5B4360
800
#47354B
900
#352938
950
#221A23

Contrast Checker

Text on white

9.21:1

AA Pass AAA Pass

Text on black

2.28:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026