#3F3F84

#3F3F84

Color Values

HEX

#3F3F84

RGB

63, 63, 132

HSL

240.0, 35.4%, 38.2%

HSV

240.0, 52.3%, 51.8%

CMYK

52.3%, 52.3%, 0.0%, 48.2%

OKLCH

0.4055 0.1128 280.1

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#3F3F84

#84843F

Analogous

#3F6184

#613F84

#3F3F84

Triadic

#3F3F84

#843F3F

#3F843F

Split Complementary

#3F3F84

#84613F

#61843F

Tetradic

#3F3F84

#843F61

#84843F

#3F8461

Color Blindness Simulation

Original

#3F3F84

Protanopia

#3F3F73

Deuteranopia

#3F3F6F

Tritanopia

#3F6663

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CFCFE8
300
#ACACD7
400
#7F7FC2
500
#5252AD
600
#42428A
700
#35356E
800
#292956
900
#212140
950
#151528

Contrast Checker

Text on white

9.31:1

AA Pass AAA Pass

Text on black

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