#5147B2

#5147B2

Color Values

HEX

#5147B2

RGB

81, 71, 178

HSL

245.6, 43.0%, 48.8%

HSV

245.6, 60.1%, 69.8%

CMYK

54.5%, 60.1%, 0.0%, 30.2%

OKLCH

0.4699 0.1638 282.3

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#5147B2

#A8B247

Analogous

#4772B2

#8647B2

#5147B2

Triadic

#5147B2

#B25147

#47B251

Split Complementary

#5147B2

#B28647

#72B247

Tetradic

#5147B2

#B24772

#A8B247

#47B286

Color Blindness Simulation

Original

#5147B2

Protanopia

#4D4D98

Deuteranopia

#4D4E92

Tritanopia

#50847F

Achromatopsia

#515151

CSS Usage

background-color: #5147B2;
color: #5147B2;
border-color: #5147B2;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E8E7F4
200
#CFCCEB
300
#ACA7DC
400
#8078C9
500
#5349B6
600
#423A92
700
#352F75
800
#29245B
900
#211E43
950
#15132A

Contrast Checker

Text on white

7.26:1

AA Pass AAA Pass

Text on black

2.89:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026