#4F74BC

#4F74BC

Color Values

HEX

#4F74BC

RGB

79, 116, 188

HSL

219.6, 44.9%, 52.4%

HSV

219.6, 58.0%, 73.7%

CMYK

58.0%, 38.3%, 0.0%, 26.3%

OKLCH

0.5651 0.1197 262.6

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#4F74BC

#BC974F

Analogous

#4FABBC

#614FBC

#4F74BC

Triadic

#4F74BC

#BC4F74

#74BC4F

Split Complementary

#4F74BC

#BC614F

#ABBC4F

Tetradic

#4F74BC

#BC4FAB

#BC974F

#4FBC61

Color Blindness Simulation

Original

#4F74BC

Protanopia

#5F5FAB

Deuteranopia

#5D5AA6

Tritanopia

#519D9A

Achromatopsia

#717171

CSS Usage

background-color: #4F74BC;
color: #4F74BC;
border-color: #4F74BC;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CBD6EB
300
#A6B9DD
400
#7693CB
500
#466DB9
600
#385794
700
#2D4676
800
#23375C
900
#1D2A44
950
#121B2B

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

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