#3F3F82

#3F3F82

Color Values

HEX

#3F3F82

RGB

63, 63, 130

HSL

240.0, 34.7%, 37.8%

HSV

240.0, 51.5%, 51.0%

CMYK

51.5%, 51.5%, 0.0%, 49.0%

OKLCH

0.404 0.1098 280.3

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#3F3F82

#82823F

Analogous

#3F6082

#603F82

#3F3F82

Triadic

#3F3F82

#823F3F

#3F823F

Split Complementary

#3F3F82

#82603F

#60823F

Tetradic

#3F3F82

#823F60

#82823F

#3F8260

Color Blindness Simulation

Original

#3F3F82

Protanopia

#3F3F72

Deuteranopia

#3F3F6E

Tritanopia

#3F6562

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F2
200
#CFCFE8
300
#ADADD7
400
#8080C1
500
#5353AC
600
#434389
700
#35356E
800
#2A2A56
900
#212140
950
#151528

Contrast Checker

Text on white

9.36:1

AA Pass AAA Pass

Text on black

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