#514076

#514076

Color Values

HEX

#514076

RGB

81, 64, 118

HSL

258.9, 29.7%, 35.7%

HSV

258.9, 45.8%, 46.3%

CMYK

31.4%, 45.8%, 0.0%, 53.7%

OKLCH

0.4148 0.0893 296.8

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#514076

#657640

Analogous

#404A76

#6C4076

#514076

Triadic

#514076

#765140

#407651

Split Complementary

#514076

#766C40

#4A7640

Tetradic

#514076

#76404A

#657640

#40766C

Color Blindness Simulation

Original

#514076

Protanopia

#4A4969

Deuteranopia

#4B4C66

Tritanopia

#505F5C

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#EBE9F2
200
#D7D1E6
300
#BBB0D4
400
#9685BD
500
#715AA5
600
#5B4884
700
#49396A
800
#392D53
900
#2C233D
950
#1C1627

Contrast Checker

Text on white

8.96:1

AA Pass AAA Pass

Text on black

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