#4D6BA4

#4D6BA4

Color Values

HEX

#4D6BA4

RGB

77, 107, 164

HSL

219.3, 36.1%, 47.3%

HSV

219.3, 53.0%, 64.3%

CMYK

53.0%, 34.8%, 0.0%, 35.7%

OKLCH

0.5305 0.0969 262.4

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#4D6BA4

#A4864D

Analogous

#4D97A4

#5B4DA4

#4D6BA4

Triadic

#4D6BA4

#A44D6B

#6BA44D

Split Complementary

#4D6BA4

#A45B4D

#97A44D

Tetradic

#4D6BA4

#A44D97

#A4864D

#4DA45B

Color Blindness Simulation

Original

#4D6BA4

Protanopia

#5A5A96

Deuteranopia

#585693

Tritanopia

#4E8B89

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EBF3
200
#CED7E8
300
#ACBBD8
400
#7F96C3
500
#5171AE
600
#415B8B
700
#34486F
800
#293957
900
#212C40
950
#151C29

Contrast Checker

Text on white

5.31:1

AA Pass AAA Fail

Text on black

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