#3F3462

#3F3462

Color Values

HEX

#3F3462

RGB

63, 52, 98

HSL

254.3, 30.7%, 29.4%

HSV

254.3, 46.9%, 38.4%

CMYK

35.7%, 46.9%, 0.0%, 61.6%

OKLCH

0.3596 0.0782 293.1

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#3F3462

#576234

Analogous

#344062

#563462

#3F3462

Triadic

#3F3462

#623F34

#34623F

Split Complementary

#3F3462

#625634

#406234

Tetradic

#3F3462

#623440

#576234

#346256

Color Blindness Simulation

Original

#3F3462

Protanopia

#3A3A57

Deuteranopia

#3B3C54

Tritanopia

#3E4E4C

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EBE8F2
200
#D6D0E6
300
#B8AFD5
400
#9184BE
500
#6B58A7
600
#564785
700
#44396B
800
#362C53
900
#29233E
950
#1A1627

Contrast Checker

Text on white

11.18:1

AA Pass AAA Pass

Text on black

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