#3F45F1

#3F45F1

Color Values

HEX

#3F45F1

RGB

63, 69, 241

HSL

238.0, 86.4%, 59.6%

HSV

238.0, 73.9%, 94.5%

CMYK

73.9%, 71.4%, 0.0%, 5.5%

OKLCH

0.511 0.2491 271.9

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#3F45F1

#F1EB3F

Analogous

#3F9EF1

#923FF1

#3F45F1

Triadic

#3F45F1

#F13F45

#45F13F

Split Complementary

#3F45F1

#F1923F

#9EF13F

Tetradic

#3F45F1

#F13F9E

#F1EB3F

#3FF192

Color Blindness Simulation

Original

#3F45F1

Protanopia

#4242C7

Deuteranopia

#4141BD

Tritanopia

#3FA69F

Achromatopsia

#505050

CSS Usage

background-color: #3F45F1;
color: #3F45F1;
border-color: #3F45F1;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BCBFFA
300
#8D90F7
400
#4F55F2
500
#1119EE
600
#0E14BE
700
#0B1098
800
#090C77
900
#0B0D56
950
#070836

Contrast Checker

Text on white

6.3:1

AA Pass AAA Fail

Text on black

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