#4D7C89

#4D7C89

Color Values

HEX

#4D7C89

RGB

77, 124, 137

HSL

193.0, 28.0%, 42.0%

HSV

193.0, 43.8%, 53.7%

CMYK

43.8%, 9.5%, 0.0%, 46.3%

OKLCH

0.5577 0.0549 217.3

Properties

Cool Dark Nearest: cadetblue 4

Color Harmonies

Complementary

#4D7C89

#895A4D

Analogous

#4D8978

#4D5E89

#4D7C89

Triadic

#4D7C89

#894D7C

#7C894D

Split Complementary

#4D7C89

#894D5E

#89784D

Tetradic

#4D7C89

#784D89

#895A4D

#5E894D

Color Blindness Simulation

Original

#4D7C89

Protanopia

#616286

Deuteranopia

#5F5B85

Tritanopia

#4F8383

Achromatopsia

#737373

CSS Usage

background-color: #4D7C89;
color: #4D7C89;
border-color: #4D7C89;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F6F8F9
100
#E9F0F1
200
#D1E1E5
300
#B1CCD3
400
#86B0BB
500
#5C94A3
600
#497683
700
#3B5F68
800
#2E4A52
900
#24373D
950
#172326

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

4.56:1

AA Pass 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