#4D5598

#4D5598

Color Values

HEX

#4D5598

RGB

77, 85, 152

HSL

233.6, 32.8%, 44.9%

HSV

233.6, 49.3%, 59.6%

CMYK

49.3%, 44.1%, 0.0%, 40.4%

OKLCH

0.4754 0.1077 276.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#4D5598

#98904D

Analogous

#4D7B98

#6A4D98

#4D5598

Triadic

#4D5598

#984D55

#55984D

Split Complementary

#4D5598

#986A4D

#7B984D

Tetradic

#4D5598

#984D7B

#98904D

#4D986A

Color Blindness Simulation

Original

#4D5598

Protanopia

#505188

Deuteranopia

#504F84

Tritanopia

#4D7B78

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E8E9F2
200
#D0D2E7
300
#AEB2D6
400
#8288C0
500
#565FA9
600
#454C87
700
#373D6C
800
#2B2F55
900
#22253F
950
#161728

Contrast Checker

Text on white

6.84:1

AA Pass AAA Fail

Text on black

3.07:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026