#5244FE

#5244FE

Color Values

HEX

#5244FE

RGB

82, 68, 254

HSL

244.5, 98.9%, 63.1%

HSV

244.5, 73.2%, 99.6%

CMYK

67.7%, 73.2%, 0.0%, 0.4%

OKLCH

0.5335 0.2605 276.2

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#5244FE

#F0FE44

Analogous

#4493FE

#AF44FE

#5244FE

Triadic

#5244FE

#FE5244

#44FE52

Split Complementary

#5244FE

#FEAF44

#93FE44

Tetradic

#5244FE

#FE4493

#F0FE44

#44FEAF

Color Blindness Simulation

Original

#5244FE

Protanopia

#4C4CD1

Deuteranopia

#4D4EC6

Tritanopia

#51ADA6

Achromatopsia

#545454

CSS Usage

background-color: #5244FE;
color: #5244FE;
border-color: #5244FE;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F2F1FE
100
#E0DEFC
200
#BDB8FF
300
#8E85FE
400
#5143FE
500
#1401FE
600
#1001CB
700
#0D01A2
800
#0A017F
900
#0C055C
950
#07033A

Contrast Checker

Text on white

5.81:1

AA Pass AAA Fail

Text on black

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