#3F74AC

#3F74AC

Color Values

HEX

#3F74AC

RGB

63, 116, 172

HSL

210.8, 46.4%, 46.1%

HSV

210.8, 63.4%, 67.5%

CMYK

63.4%, 32.6%, 0.0%, 32.5%

OKLCH

0.5481 0.1047 251.4

Properties

Cool Dark Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#3F74AC

#AC773F

Analogous

#3FABAC

#403FAC

#3F74AC

Triadic

#3F74AC

#AC3F74

#74AC3F

Split Complementary

#3F74AC

#AC403F

#ABAC3F

Tetradic

#3F74AC

#AC3FAB

#AC773F

#3FAC40

Color Blindness Simulation

Original

#3F74AC

Protanopia

#56569E

Deuteranopia

#534F9B

Tritanopia

#429491

Achromatopsia

#6D6D6D

CSS Usage

background-color: #3F74AC;
color: #3F74AC;
border-color: #3F74AC;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CBDBEC
300
#A5C1DE
400
#759FCC
500
#447EBB
600
#376595
700
#2C5177
800
#223F5D
900
#1C3045
950
#121E2B

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

4.31:1

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