#514ECC

#514ECC

Color Values

HEX

#514ECC

RGB

81, 78, 204

HSL

241.4, 55.3%, 55.3%

HSV

241.4, 61.8%, 80.0%

CMYK

60.3%, 61.8%, 0.0%, 20.0%

OKLCH

0.5028 0.1893 278.2

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#514ECC

#C9CC4E

Analogous

#4E8ACC

#904ECC

#514ECC

Triadic

#514ECC

#CC514E

#4ECC51

Split Complementary

#514ECC

#CC904E

#8ACC4E

Tetradic

#514ECC

#CC4E8A

#C9CC4E

#4ECC90

Color Blindness Simulation

Original

#514ECC

Protanopia

#5050AE

Deuteranopia

#5050A6

Tritanopia

#519590

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E5E5F6
200
#C8C8EF
300
#A2A0E4
400
#6F6CD5
500
#3C39C6
600
#302E9E
700
#27247F
800
#1E1C63
900
#191849
950
#100F2E

Contrast Checker

Text on white

6.34:1

AA Pass AAA Fail

Text on black

3.31:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026