#504AC0

#504AC0

Color Values

HEX

#504AC0

RGB

80, 74, 192

HSL

243.1, 48.4%, 52.2%

HSV

243.1, 61.5%, 75.3%

CMYK

58.3%, 61.5%, 0.0%, 24.7%

OKLCH

0.4855 0.1788 279.7

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#504AC0

#BAC04A

Analogous

#4A7FC0

#8B4AC0

#504AC0

Triadic

#504AC0

#C0504A

#4AC050

Split Complementary

#504AC0

#C08B4A

#7FC04A

Tetradic

#504AC0

#C04A7F

#BAC04A

#4AC08B

Color Blindness Simulation

Original

#504AC0

Protanopia

#4D4DA3

Deuteranopia

#4E4E9D

Tritanopia

#508D88

Achromatopsia

#545454

CSS Usage

background-color: #504AC0;
color: #504AC0;
border-color: #504AC0;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F4FA
100
#E7E6F4
200
#CCCAED
300
#A7A4DF
400
#7873CE
500
#4842BD
600
#3A3597
700
#2E2A79
800
#24215F
900
#1E1B46
950
#13112C

Contrast Checker

Text on white

6.81:1

AA Pass AAA Fail

Text on black

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