#4F79A5

#4F79A5

Color Values

HEX

#4F79A5

RGB

79, 121, 165

HSL

210.7, 35.2%, 47.8%

HSV

210.7, 52.1%, 64.7%

CMYK

52.1%, 26.7%, 0.0%, 35.3%

OKLCH

0.5641 0.0831 250.6

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#4F79A5

#A57B4F

Analogous

#4FA4A5

#504FA5

#4F79A5

Triadic

#4F79A5

#A54F79

#79A54F

Split Complementary

#4F79A5

#A5504F

#A4A54F

Tetradic

#4F79A5

#A54FA4

#A57B4F

#4FA550

Color Blindness Simulation

Original

#4F79A5

Protanopia

#61629A

Deuteranopia

#5F5C98

Tritanopia

#519290

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDBE8
300
#ACC1D7
400
#7FA0C2
500
#537EAC
600
#42658A
700
#35516E
800
#293F56
900
#213040
950
#151E28

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

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