#5304B2

#5304B2

Color Values

HEX

#5304B2

RGB

83, 4, 178

HSL

267.2, 95.6%, 35.7%

HSV

267.2, 97.8%, 69.8%

CMYK

53.4%, 97.8%, 0.0%, 30.2%

OKLCH

0.4016 0.2222 291.8

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5304B2

#63B204

Analogous

#040CB2

#AA04B2

#5304B2

Triadic

#5304B2

#B25304

#04B253

Split Complementary

#5304B2

#B2AA04

#0CB204

Tetradic

#5304B2

#B2040C

#63B204

#04B2AA

Color Blindness Simulation

Original

#5304B2

Protanopia

#313088

Deuteranopia

#353B7E

Tritanopia

#4F675F

Achromatopsia

#212121

CSS Usage

background-color: #5304B2;
color: #5304B2;
border-color: #5304B2;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F1FE
100
#ECDFFC
200
#D8B9FD
300
#BC87FC
400
#9846FB
500
#7406F9
600
#5D04C8
700
#4A04A0
800
#3A037D
900
#2D075A
950
#1C0439

Contrast Checker

Text on white

10.35:1

AA Pass AAA Pass

Text on black

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