#5145FC

#5145FC

Color Values

HEX

#5145FC

RGB

81, 69, 252

HSL

243,9, 96,8%, 62,9%

HSV

243,9, 72,6%, 98,8%

CMYK

67,9%, 72,6%, 0,0%, 1,2%

OKLCH

0,5322 0,2575 276,0

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#5145FC

#F0FC45

Analogous

#4594FC

#AC45FC

#5145FC

Triadic

#5145FC

#FC5145

#45FC51

Split Complementary

#5145FC

#FCAC45

#94FC45

Tetradic

#5145FC

#FC4594

#F0FC45

#45FCAC

Color Blindness Simulation

Original

#5145FC

Protanopia

#4C4CD0

Deuteranopia

#4C4DC5

Tritanopia

#50ADA5

Achromatopsia

#555555

CSS Usage

background-color: #5145FC;
color: #5145FC;
border-color: #5145FC;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F2F1FE
100
#E0DEFC
200
#BDB9FE
300
#8E87FD
400
#5145FC
500
#1404FB
600
#1003C9
700
#0D03A1
800
#0A027D
900
#0C065B
950
#070439

Contrast Checker

Text on white

5,82:1

AA Pass AAA Fail

Text on black

3,61: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