#4855F9

#4855F9

Color Values

HEX

#4855F9

RGB

72, 85, 249

HSL

235.6, 93.7%, 62.9%

HSV

235.6, 71.1%, 97.6%

CMYK

71.1%, 65.9%, 0.0%, 2.4%

OKLCH

0.5474 0.24 272.0

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#4855F9

#F9EC48

Analogous

#48ADF9

#9348F9

#4855F9

Triadic

#4855F9

#F94855

#55F948

Split Complementary

#4855F9

#F99348

#ADF948

Tetradic

#4855F9

#F948AD

#F9EC48

#48F993

Color Blindness Simulation

Original

#4855F9

Protanopia

#4E4ED1

Deuteranopia

#4D4CC8

Tritanopia

#49B2AB

Achromatopsia

#5E5E5E

CSS Usage

background-color: #4855F9;
color: #4855F9;
border-color: #4855F9;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BABFFD
300
#8891FB
400
#4855F9
500
#081AF7
600
#0614C6
700
#05109E
800
#040D7B
900
#080E59
950
#050938

Contrast Checker

Text on white

5.33:1

AA Pass AAA Fail

Text on black

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