#514ACE

#514ACE

Color Values

HEX

#514ACE

RGB

81, 74, 206

HSL

243.2, 57.4%, 54.9%

HSV

243.2, 64.1%, 80.8%

CMYK

60.7%, 64.1%, 0.0%, 19.2%

OKLCH

0.4978 0.1967 278.8

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#514ACE

#C7CE4A

Analogous

#4A85CE

#934ACE

#514ACE

Triadic

#514ACE

#CE514A

#4ACE51

Split Complementary

#514ACE

#CE934A

#85CE4A

Tetradic

#514ACE

#CE4A85

#C7CE4A

#4ACE93

Color Blindness Simulation

Original

#514ACE

Protanopia

#4E4EAE

Deuteranopia

#4E4FA6

Tritanopia

#51958F

Achromatopsia

#555555

CSS Usage

background-color: #514ACE;
color: #514ACE;
border-color: #514ACE;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F4F4FB
100
#E5E4F6
200
#C9C7F0
300
#A29FE5
400
#706AD7
500
#3E36C9
600
#322BA1
700
#282380
800
#1F1B64
900
#1A1749
950
#100F2E

Contrast Checker

Text on white

6.52:1

AA Pass AAA Fail

Text on black

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