#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026