#3F3F85

#3F3F85

Color Values

HEX

#3F3F85

RGB

63, 63, 133

HSL

240.0, 35.7%, 38.4%

HSV

240.0, 52.6%, 52.2%

CMYK

52.6%, 52.6%, 0.0%, 47.8%

OKLCH

0.4062 0.1143 280.0

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#3F3F85

#85853F

Analogous

#3F6285

#623F85

#3F3F85

Triadic

#3F3F85

#853F3F

#3F853F

Split Complementary

#3F3F85

#85623F

#62853F

Tetradic

#3F3F85

#853F62

#85853F

#3F8562

Color Blindness Simulation

Original

#3F3F85

Protanopia

#3F3F74

Deuteranopia

#3F3F70

Tritanopia

#3F6764

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CFCFE8
300
#ACACD8
400
#7F7FC2
500
#5252AD
600
#42428A
700
#34346F
800
#292957
900
#212140
950
#151528

Contrast Checker

Text on white

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