#4F7CB0

#4F7CB0

Color Values

HEX

#4F7CB0

RGB

79, 124, 176

HSL

212.2, 38.0%, 50.0%

HSV

212.2, 55.1%, 69.0%

CMYK

55.1%, 29.5%, 0.0%, 31.0%

OKLCH

0.5765 0.0948 253.0

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#4F7CB0

#B0834F

Analogous

#4FACB0

#534FB0

#4F7CB0

Triadic

#4F7CB0

#B04F7C

#7CB04F

Split Complementary

#4F7CB0

#B0534F

#ACB04F

Tetradic

#4F7CB0

#B04FAC

#B0834F

#4FB053

Color Blindness Simulation

Original

#4F7CB0

Protanopia

#6263A3

Deuteranopia

#605CA0

Tritanopia

#519997

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CEDAE9
300
#ABC0D9
400
#7D9EC5
500
#4F7CB0
600
#3F638D
700
#334F71
800
#283E58
900
#202F41
950
#141E29

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

4.84:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026