#3F3466

#3F3466

Color Values

HEX

#3F3466

RGB

63, 52, 102

HSL

253.2, 32.5%, 30.2%

HSV

253.2, 49.0%, 40.0%

CMYK

38.2%, 49.0%, 0.0%, 60.0%

OKLCH

0.3622 0.0845 291.7

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#3F3466

#5B6634

Analogous

#344266

#583466

#3F3466

Triadic

#3F3466

#663F34

#34663F

Split Complementary

#3F3466

#665834

#426634

Tetradic

#3F3466

#663442

#5B6634

#346658

Color Blindness Simulation

Original

#3F3466

Protanopia

#3A3A5A

Deuteranopia

#3B3C57

Tritanopia

#3E504E

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EAE8F2
200
#D5D0E7
300
#B7AED6
400
#8F82BF
500
#6856A9
600
#534587
700
#43376C
800
#342B54
900
#29223F
950
#1A1628

Contrast Checker

Text on white

11.09:1

AA Pass AAA Pass

Text on black

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