#504EE7

#504EE7

Color Values

HEX

#504EE7

RGB

80, 78, 231

HSL

240,8, 76,1%, 60,6%

HSV

240,8, 66,2%, 90,6%

CMYK

65,4%, 66,2%, 0,0%, 9,4%

OKLCH

0,5251 0,2237 276,0

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#504EE7

#E5E74E

Analogous

#4E98E7

#9D4EE7

#504EE7

Triadic

#504EE7

#E7504E

#4EE750

Split Complementary

#504EE7

#E79D4E

#98E74E

Tetradic

#504EE7

#E74E98

#E5E74E

#4EE79D

Color Blindness Simulation

Original

#504EE7

Protanopia

#4F4FC2

Deuteranopia

#4F4FB9

Tritanopia

#50A59E

Achromatopsia

#595959

CSS Usage

background-color: #504EE7;
color: #504EE7;
border-color: #504EE7;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F2FC
100
#E2E2F9
200
#C1C0F6
300
#9493F0
400
#5B59E8
500
#211EE1
600
#1A18B4
700
#151490
800
#110F70
900
#100F52
950
#0A0A34

Contrast Checker

Text on white

5,86:1

AA Pass AAA Fail

Text on black

3,58:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026