#514176

#514176

Color Values

HEX

#514176

RGB

81, 65, 118

HSL

258.1, 29.0%, 35.9%

HSV

258.1, 44.9%, 46.3%

CMYK

31.4%, 44.9%, 0.0%, 53.7%

OKLCH

0.4168 0.0875 296.3

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#514176

#667641

Analogous

#414C76

#6C4176

#514176

Triadic

#514176

#765141

#417651

Split Complementary

#514176

#766C41

#4C7641

Tetradic

#514176

#76414C

#667641

#41766C

Color Blindness Simulation

Original

#514176

Protanopia

#4A4A69

Deuteranopia

#4B4C66

Tritanopia

#505F5D

Achromatopsia

#484848

CSS Usage

background-color: #514176;
color: #514176;
border-color: #514176;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F7F5F9
100
#EBE9F2
200
#D7D1E6
300
#BBB0D4
400
#9685BC
500
#715BA4
600
#5A4884
700
#483A69
800
#382D52
900
#2B243D
950
#1B1727

Contrast Checker

Text on white

8.87:1

AA Pass AAA Pass

Text on black

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