#4856FA

#4856FA

Color Values

HEX

#4856FA

RGB

72, 86, 250

HSL

235.3, 94.7%, 63.1%

HSV

235.3, 71.2%, 98.0%

CMYK

71.2%, 65.6%, 0.0%, 2.0%

OKLCH

0.5498 0.2402 271.8

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#4856FA

#FAEC48

Analogous

#48AFFA

#9348FA

#4856FA

Triadic

#4856FA

#FA4856

#56FA48

Split Complementary

#4856FA

#FA9348

#AFFA48

Tetradic

#4856FA

#FA48AF

#FAEC48

#48FA93

Color Blindness Simulation

Original

#4856FA

Protanopia

#4E4ED2

Deuteranopia

#4D4CC9

Tritanopia

#49B3AC

Achromatopsia

#5F5F5F

CSS Usage

background-color: #4856FA;
color: #4856FA;
border-color: #4856FA;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F2FE
100
#DFE1FC
200
#B9BFFD
300
#8891FC
400
#4755FA
500
#071AF8
600
#0515C7
700
#04109F
800
#030D7C
900
#070E5A
950
#050939

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

3.99:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026