#514FE1

#514FE1

Color Values

HEX

#514FE1

RGB

81, 79, 225

HSL

240.8, 70.9%, 59.6%

HSV

240.8, 64.9%, 88.2%

CMYK

64.0%, 64.9%, 0.0%, 11.8%

OKLCH

0.5221 0.2149 276.5

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#514FE1

#DFE14F

Analogous

#4F96E1

#9A4FE1

#514FE1

Triadic

#514FE1

#E1514F

#4FE151

Split Complementary

#514FE1

#E19A4F

#96E14F

Tetradic

#514FE1

#E14F96

#DFE14F

#4FE19A

Color Blindness Simulation

Original

#514FE1

Protanopia

#5050BE

Deuteranopia

#5050B5

Tritanopia

#51A29C

Achromatopsia

#5A5A5A

CSS Usage

background-color: #514FE1;
color: #514FE1;
border-color: #514FE1;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F3FC
100
#E3E2F8
200
#C3C2F5
300
#9896ED
400
#605EE4
500
#2825DA
600
#201EAE
700
#19188B
800
#14136D
900
#12124F
950
#0C0B32

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

3.56:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026