#4B5AC2

#4B5AC2

Color Values

HEX

#4B5AC2

RGB

75, 90, 194

HSL

232.4, 49.4%, 52.7%

HSV

232.4, 61.3%, 76.1%

CMYK

61.3%, 53.6%, 0.0%, 23.9%

OKLCH

0.5129 0.1621 273.1

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#4B5AC2

#C2B34B

Analogous

#4B95C2

#774BC2

#4B5AC2

Triadic

#4B5AC2

#C24B5A

#5AC24B

Split Complementary

#4B5AC2

#C2774B

#95C24B

Tetradic

#4B5AC2

#C24B95

#C2B34B

#4BC277

Color Blindness Simulation

Original

#4B5AC2

Protanopia

#5152A9

Deuteranopia

#5150A3

Tritanopia

#4C9591

Achromatopsia

#5E5E5E

CSS Usage

background-color: #4B5AC2;
color: #4B5AC2;
border-color: #4B5AC2;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FB
100
#E6E8F5
200
#CACEED
300
#A4ABE0
400
#727ECF
500
#4150BE
600
#344098
700
#29347A
800
#20285F
900
#1B2046
950
#11142C

Contrast Checker

Text on white

5.93:1

AA Pass AAA Fail

Text on black

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