#5148FA

#5148FA

Color Values

HEX

#5148FA

RGB

81, 72, 250

HSL

243.0, 94.7%, 63.1%

HSV

243.0, 71.2%, 98.0%

CMYK

67.6%, 71.2%, 0.0%, 2.0%

OKLCH

0.5343 0.2524 275.8

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#5148FA

#F1FA48

Analogous

#4898FA

#AA48FA

#5148FA

Triadic

#5148FA

#FA5148

#48FA51

Split Complementary

#5148FA

#FAAA48

#98FA48

Tetradic

#5148FA

#FA4898

#F1FA48

#48FAAA

Color Blindness Simulation

Original

#5148FA

Protanopia

#4D4DCF

Deuteranopia

#4E4EC5

Tritanopia

#51ADA5

Achromatopsia

#575757

CSS Usage

background-color: #5148FA;
color: #5148FA;
border-color: #5148FA;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F1FE
100
#E0DFFC
200
#BDB9FD
300
#8E88FC
400
#5047FA
500
#1307F8
600
#0F05C7
700
#0C049F
800
#09037C
900
#0B075A
950
#070539

Contrast Checker

Text on white

5.74:1

AA Pass AAA Fail

Text on black

3.66:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026