#3F386B

#3F386B

Color Values

HEX

#3F386B

RGB

63, 56, 107

HSL

248.2, 31.3%, 32.0%

HSV

248.2, 47.7%, 42.0%

CMYK

41.1%, 47.7%, 0.0%, 58.0%

OKLCH

0.3738 0.0854 287.8

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#3F386B

#646B38

Analogous

#384B6B

#59386B

#3F386B

Triadic

#3F386B

#6B3F38

#386B3F

Split Complementary

#3F386B

#6B5938

#4B6B38

Tetradic

#3F386B

#6B384B

#646B38

#386B59

Color Blindness Simulation

Original

#3F386B

Protanopia

#3C3C5F

Deuteranopia

#3C3D5C

Tritanopia

#3F5553

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EAE8F2
200
#D3D0E6
300
#B4AFD5
400
#8B83BE
500
#6358A7
600
#4F4686
700
#3F386B
800
#312C54
900
#27233E
950
#181627

Contrast Checker

Text on white

10.56:1

AA Pass AAA Pass

Text on black

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