#4B63F7

#4B63F7

Color Values

HEX

#4B63F7

RGB

75, 99, 247

HSL

231.6, 91.5%, 63.1%

HSV

231.6, 69.6%, 96.9%

CMYK

69.6%, 59.9%, 0.0%, 3.1%

OKLCH

0.5707 0.2211 270.6

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#4B63F7

#F7DF4B

Analogous

#4BB9F7

#894BF7

#4B63F7

Triadic

#4B63F7

#F74B63

#63F74B

Split Complementary

#4B63F7

#F7894B

#B9F74B

Tetradic

#4B63F7

#F74BB9

#F7DF4B

#4BF789

Color Blindness Simulation

Original

#4B63F7

Protanopia

#5556D3

Deuteranopia

#5452CB

Tritanopia

#4CB7B1

Achromatopsia

#696969

CSS Usage

background-color: #4B63F7;
color: #4B63F7;
border-color: #4B63F7;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F3FD
100
#DFE3FB
200
#BBC4FC
300
#8A99FA
400
#4A62F7
500
#0B2CF4
600
#0923C3
700
#071C9C
800
#05167A
900
#091458
950
#050C38

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

4.43:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026