#3F396E

#3F396E

Color Values

HEX

#3F396E

RGB

63, 57, 110

HSL

246.8, 31.7%, 32.7%

HSV

246.8, 48.2%, 43.1%

CMYK

42.7%, 48.2%, 0.0%, 56.9%

OKLCH

0.3778 0.0884 286.5

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#3F396E

#686E39

Analogous

#394D6E

#59396E

#3F396E

Triadic

#3F396E

#6E3F39

#396E3F

Split Complementary

#3F396E

#6E5939

#4D6E39

Tetradic

#3F396E

#6E394D

#686E39

#396E59

Color Blindness Simulation

Original

#3F396E

Protanopia

#3C3C61

Deuteranopia

#3D3D5E

Tritanopia

#3F5755

Achromatopsia

#3E3E3E

CSS Usage

background-color: #3F396E;
color: #3F396E;
border-color: #3F396E;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F6F5F9
100
#E9E8F2
200
#D3D0E7
300
#B3AED5
400
#8A83BF
500
#6057A8
600
#4D4686
700
#3E386B
800
#302C54
900
#26233E
950
#181627

Contrast Checker

Text on white

10.39:1

AA Pass AAA Pass

Text on black

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