#4853F9

#4853F9

Color Values

HEX

#4853F9

RGB

72, 83, 249

HSL

236.3, 93.7%, 62.9%

HSV

236.3, 71.1%, 97.6%

CMYK

71.1%, 66.7%, 0.0%, 2.4%

OKLCH

0.5442 0.2421 272.2

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#4853F9

#F9EE48

Analogous

#48ABF9

#9548F9

#4853F9

Triadic

#4853F9

#F94853

#53F948

Split Complementary

#4853F9

#F99548

#ABF948

Tetradic

#4853F9

#F948AB

#F9EE48

#48F995

Color Blindness Simulation

Original

#4853F9

Protanopia

#4D4DD1

Deuteranopia

#4C4BC7

Tritanopia

#49B1AA

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BABEFD
300
#8890FB
400
#4853F9
500
#0817F7
600
#0612C6
700
#050F9E
800
#040B7B
900
#080D59
950
#050838

Contrast Checker

Text on white

5.41:1

AA Pass AAA Fail

Text on black

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