#514599

#514599

Color Values

HEX

#514599

RGB

81, 69, 153

HSL

248,6, 37,8%, 43,5%

HSV

248,6, 54,9%, 60,0%

CMYK

47,1%, 54,9%, 0,0%, 40,0%

OKLCH

0,4475 0,1321 286,3

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#514599

#8D9945

Analogous

#456399

#7B4599

#514599

Triadic

#514599

#995145

#459951

Split Complementary

#514599

#997B45

#639945

Tetradic

#514599

#994563

#8D9945

#45997B

Color Blindness Simulation

Original

#514599

Protanopia

#4C4C85

Deuteranopia

#4C4D80

Tritanopia

#507571

Achromatopsia

#4E4E4E

CSS Usage

background-color: #514599;
color: #514599;
border-color: #514599;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F6F5FA
100
#E9E7F3
200
#D2CEE9
300
#B1ABD9
400
#877DC4
500
#5D4FB0
600
#4A3F8D
700
#3C3370
800
#2F2858
900
#252041
950
#171429

Contrast Checker

Text on white

7,89:1

AA Pass AAA Pass

Text on black

2,66:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026