#534DC5

#534DC5

Color Values

HEX

#534DC5

RGB

83, 77, 197

HSL

243.0, 50.8%, 53.7%

HSV

243.0, 60.9%, 77.3%

CMYK

57.9%, 60.9%, 0.0%, 22.7%

OKLCH

0.4969 0.181 279.8

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#534DC5

#BFC54D

Analogous

#4D83C5

#8F4DC5

#534DC5

Triadic

#534DC5

#C5534D

#4DC553

Split Complementary

#534DC5

#C58F4D

#83C54D

Tetradic

#534DC5

#C54D83

#BFC54D

#4DC58F

Color Blindness Simulation

Original

#534DC5

Protanopia

#5050A8

Deuteranopia

#5151A1

Tritanopia

#53918C

Achromatopsia

#575757

CSS Usage

background-color: #534DC5;
color: #534DC5;
border-color: #534DC5;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FB
100
#E6E5F5
200
#CBC9ED
300
#A6A3E1
400
#7671D1
500
#453FC0
600
#37329A
700
#2C287B
800
#231F60
900
#1D1A47
950
#12112D

Contrast Checker

Text on white

6.49:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026