#5342F4

#5342F4

Color Values

HEX

#5342F4

RGB

83, 66, 244

HSL

245.7, 89.0%, 60.8%

HSV

245.7, 73.0%, 95.7%

CMYK

66.0%, 73.0%, 0.0%, 4.3%

OKLCH

0.5219 0.2508 277.5

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#5342F4

#E3F442

Analogous

#428AF4

#AC42F4

#5342F4

Triadic

#5342F4

#F45342

#42F453

Split Complementary

#5342F4

#F4AC42

#8AF442

Tetradic

#5342F4

#F4428A

#E3F442

#42F4AC

Color Blindness Simulation

Original

#5342F4

Protanopia

#4C4BC9

Deuteranopia

#4D4EBF

Tritanopia

#52A79F

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E2E0FB
200
#C2BCFB
300
#968BF8
400
#5D4DF5
500
#240EF1
600
#1C0BC1
700
#17099A
800
#120778
900
#110A57
950
#0B0637

Contrast Checker

Text on white

6.08:1

AA Pass AAA Fail

Text on black

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