#4B5496

#4B5496

Color Values

HEX

#4B5496

RGB

75, 84, 150

HSL

232.8, 33.3%, 44.1%

HSV

232.8, 50.0%, 58.8%

CMYK

50.0%, 44.0%, 0.0%, 41.2%

OKLCH

0.4706 0.1067 275.7

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#4B5496

#968D4B

Analogous

#4B7996

#674B96

#4B5496

Triadic

#4B5496

#964B54

#54964B

Split Complementary

#4B5496

#96674B

#79964B

Tetradic

#4B5496

#964B79

#968D4B

#4B9667

Color Blindness Simulation

Original

#4B5496

Protanopia

#4F4F86

Deuteranopia

#4E4E82

Tritanopia

#4B7977

Achromatopsia

#575757

CSS Usage

background-color: #4B5496;
color: #4B5496;
border-color: #4B5496;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F6FA
100
#E8E9F2
200
#CFD2E7
300
#ADB2D6
400
#8189C0
500
#555FAA
600
#444C88
700
#363D6D
800
#2B3055
900
#22253F
950
#151828

Contrast Checker

Text on white

6.98:1

AA Pass AAA Fail

Text on black

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