#534CF5

#534CF5

Color Values

HEX

#534CF5

RGB

83, 76, 245

HSL

242.5, 89.4%, 62.9%

HSV

242.5, 69.0%, 96.1%

CMYK

66.1%, 69.0%, 0.0%, 3.9%

OKLCH

0.5366 0.2421 276.3

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#534CF5

#EEF54C

Analogous

#4C99F5

#A74CF5

#534CF5

Triadic

#534CF5

#F5534C

#4CF553

Split Complementary

#534CF5

#F5A74C

#99F54C

Tetradic

#534CF5

#F54C99

#EEF54C

#4CF5A7

Color Blindness Simulation

Original

#534CF5

Protanopia

#5050CC

Deuteranopia

#5051C2

Tritanopia

#53ACA5

Achromatopsia

#5A5A5A

CSS Usage

background-color: #534CF5;
color: #534CF5;
border-color: #534CF5;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F2FD
100
#E1E0FB
200
#BEBBFB
300
#908BF9
400
#534CF5
500
#170EF1
600
#120BC1
700
#0F099B
800
#0C0779
900
#0D0957
950
#080637

Contrast Checker

Text on white

5.65:1

AA Pass AAA Fail

Text on black

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