#534EB2

#534EB2

Color Values

HEX

#534EB2

RGB

83, 78, 178

HSL

243,0, 39,4%, 50,2%

HSV

243,0, 56,2%, 69,8%

CMYK

53,4%, 56,2%, 0,0%, 30,2%

OKLCH

0,484 0,154 281,2

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#534EB2

#ADB24E

Analogous

#4E7BB2

#854EB2

#534EB2

Triadic

#534EB2

#B2534E

#4EB253

Split Complementary

#534EB2

#B2854E

#7BB24E

Tetradic

#534EB2

#B24E7B

#ADB24E

#4EB285

Color Blindness Simulation

Original

#534EB2

Protanopia

#51519A

Deuteranopia

#515294

Tritanopia

#538782

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CFCDE9
300
#ACAADA
400
#7F7BC6
500
#524DB2
600
#423E8E
700
#353172
800
#292759
900
#211F42
950
#151429

Contrast Checker

Text on white

6,77:1

AA Pass AAA Fail

Text on black

3,1: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