#3F3FD9

#3F3FD9

Color Values

HEX

#3F3FD9

RGB

63, 63, 217

HSL

240,0, 67,0%, 54,9%

HSV

240,0, 71,0%, 85,1%

CMYK

71,0%, 71,0%, 0,0%, 14,9%

OKLCH

0,4788 0,2265 273,7

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#3F3FD9

#D9D93F

Analogous

#3F8CD9

#8C3FD9

#3F3FD9

Triadic

#3F3FD9

#D93F3F

#3FD93F

Split Complementary

#3F3FD9

#D98C3F

#8CD93F

Tetradic

#3F3FD9

#D93F8C

#D9D93F

#3FD98C

Color Blindness Simulation

Original

#3F3FD9

Protanopia

#3F3FB4

Deuteranopia

#3F3FAB

Tritanopia

#3F9690

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C3C3F3
300
#9999EB
400
#6161E0
500
#2A2AD5
600
#2222AA
700
#1B1B88
800
#15156A
900
#13134E
950
#0C0C31

Contrast Checker

Text on white

7,18:1

AA Pass AAA Pass

Text on black

2,92:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026