#5144AC

#5144AC

Color Values

HEX

#5144AC

RGB

81, 68, 172

HSL

247.5, 43.3%, 47.1%

HSV

247.5, 60.5%, 67.5%

CMYK

52.9%, 60.5%, 0.0%, 32.5%

OKLCH

0.46 0.1598 283.8

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#5144AC

#9FAC44

Analogous

#446BAC

#8544AC

#5144AC

Triadic

#5144AC

#AC5144

#44AC51

Split Complementary

#5144AC

#AC8544

#6BAC44

Tetradic

#5144AC

#AC446B

#9FAC44

#44AC85

Color Blindness Simulation

Original

#5144AC

Protanopia

#4B4B93

Deuteranopia

#4C4D8D

Tritanopia

#507F7B

Achromatopsia

#4E4E4E

CSS Usage

background-color: #5144AC;
color: #5144AC;
border-color: #5144AC;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E8E7F4
200
#D0CCEB
300
#AEA7DC
400
#8278CA
500
#5648B7
600
#453A92
700
#372E75
800
#2B245B
900
#221E43
950
#16132B

Contrast Checker

Text on white

7.57:1

AA Pass AAA Pass

Text on black

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