#5643BC

#5643BC

Color Values

HEX

#5643BC

RGB

86, 67, 188

HSL

249.4, 47.5%, 50.0%

HSV

249.4, 64.4%, 73.7%

CMYK

54.3%, 64.4%, 0.0%, 26.3%

OKLCH

0.4754 0.1815 284.3

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#5643BC

#A9BC43

Analogous

#436DBC

#9243BC

#5643BC

Triadic

#5643BC

#BC5643

#43BC56

Split Complementary

#5643BC

#BC9243

#6DBC43

Tetradic

#5643BC

#BC436D

#A9BC43

#43BC92

Color Blindness Simulation

Original

#5643BC

Protanopia

#4E4E9F

Deuteranopia

#4F5098

Tritanopia

#558883

Achromatopsia

#505050

CSS Usage

background-color: #5643BC;
color: #5643BC;
border-color: #5643BC;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#D0CAEC
300
#AEA5DF
400
#8274CD
500
#5643BC
600
#453696
700
#372B78
800
#2B215E
900
#221C45
950
#16122C

Contrast Checker

Text on white

7.18:1

AA Pass AAA Pass

Text on black

2.92:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026