#4B58F2

#4B58F2

Color Values

HEX

#4B58F2

RGB

75, 88, 242

HSL

235.3, 86.5%, 62.2%

HSV

235.3, 69.0%, 94.9%

CMYK

69.0%, 63.6%, 0.0%, 5.1%

OKLCH

0.5477 0.2274 272.5

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#4B58F2

#F2E54B

Analogous

#4BACF2

#924BF2

#4B58F2

Triadic

#4B58F2

#F24B58

#58F24B

Split Complementary

#4B58F2

#F2924B

#ACF24B

Tetradic

#4B58F2

#F24BAC

#F2E54B

#4BF292

Color Blindness Simulation

Original

#4B58F2

Protanopia

#5151CD

Deuteranopia

#504FC4

Tritanopia

#4CAFA9

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E0E2FA
200
#BCC1FA
300
#8D95F7
400
#4F5CF2
500
#1122EE
600
#0E1CBE
700
#0B1698
800
#091177
900
#0B1156
950
#070B36

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

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