#5342FF

#5342FF

Color Values

HEX

#5342FF

RGB

83, 66, 255

HSL

245.4, 100.0%, 62.9%

HSV

245.4, 74.1%, 100.0%

CMYK

67.5%, 74.1%, 0.0%, 0.0%

OKLCH

0.5326 0.2633 276.6

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#5342FF

#EEFF42

Analogous

#428FFF

#B142FF

#5342FF

Triadic

#5342FF

#FF5342

#42FF53

Split Complementary

#5342FF

#FFB142

#8FFF42

Tetradic

#5342FF

#FF428F

#EEFF42

#42FFB1

Color Blindness Simulation

Original

#5342FF

Protanopia

#4C4BD1

Deuteranopia

#4D4EC6

Tritanopia

#52ADA5

Achromatopsia

#535353

CSS Usage

background-color: #5342FF;
color: #5342FF;
border-color: #5342FF;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F2F1FE
100
#E1DEFC
200
#BEB8FF
300
#9085FF
400
#5342FF
500
#1700FF
600
#1200CC
700
#0F00A3
800
#0B0080
900
#0D055C
950
#08033A

Contrast Checker

Text on white

5.85:1

AA Pass AAA Fail

Text on black

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