#4D5DA0

#4D5DA0

Color Values

HEX

#4D5DA0

RGB

77, 93, 160

HSL

228.4, 35.0%, 46.5%

HSV

228.4, 51.9%, 62.7%

CMYK

51.9%, 41.9%, 0.0%, 37.3%

OKLCH

0.4974 0.1086 271.8

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#4D5DA0

#A0904D

Analogous

#4D87A0

#674DA0

#4D5DA0

Triadic

#4D5DA0

#A04D5D

#5DA04D

Split Complementary

#4D5DA0

#A0674D

#87A04D

Tetradic

#4D5DA0

#A04D87

#A0904D

#4DA067

Color Blindness Simulation

Original

#4D5DA0

Protanopia

#545490

Deuteranopia

#53528C

Tritanopia

#4E8380

Achromatopsia

#5E5E5E

CSS Usage

background-color: #4D5DA0;
color: #4D5DA0;
border-color: #4D5DA0;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6FA
100
#E8EAF2
200
#CFD4E8
300
#ACB5D7
400
#808CC2
500
#5364AC
600
#42508A
700
#35406E
800
#293256
900
#212740
950
#151928

Contrast Checker

Text on white

6.2:1

AA Pass AAA Fail

Text on black

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