#3F3D84

#3F3D84

Color Values

HEX

#3F3D84

RGB

63, 61, 132

HSL

241.7, 36.8%, 37.8%

HSV

241.7, 53.8%, 51.8%

CMYK

52.3%, 53.8%, 0.0%, 48.2%

OKLCH

0.4014 0.1158 281.1

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#3F3D84

#82843D

Analogous

#3D5E84

#623D84

#3F3D84

Triadic

#3F3D84

#843F3D

#3D843F

Split Complementary

#3F3D84

#84623D

#5E843D

Tetradic

#3F3D84

#843D5E

#82843D

#3D8462

Color Blindness Simulation

Original

#3F3D84

Protanopia

#3E3E73

Deuteranopia

#3E3E6F

Tritanopia

#3F6562

Achromatopsia

#434343

CSS Usage

background-color: #3F3D84;
color: #3F3D84;
border-color: #3F3D84;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CFCEE8
300
#ADABD8
400
#807EC3
500
#5351AE
600
#43408C
700
#353470
800
#2A2857
900
#212040
950
#151429

Contrast Checker

Text on white

9.49:1

AA Pass AAA Pass

Text on black

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