#3F37DA

#3F37DA

Color Values

HEX

#3F37DA

RGB

63, 55, 218

HSL

242.9, 68.8%, 53.5%

HSV

242.9, 74.8%, 85.5%

CMYK

71.1%, 74.8%, 0.0%, 14.5%

OKLCH

0.4688 0.2354 274.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#3F37DA

#D2DA37

Analogous

#3781DA

#9037DA

#3F37DA

Triadic

#3F37DA

#DA3F37

#37DA3F

Split Complementary

#3F37DA

#DA9037

#81DA37

Tetradic

#3F37DA

#DA3781

#D2DA37

#37DA90

Color Blindness Simulation

Original

#3F37DA

Protanopia

#3C3BB3

Deuteranopia

#3C3DA9

Tritanopia

#3F938D

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E4E3F8
200
#C5C3F4
300
#9C98EC
400
#6660E2
500
#3028D7
600
#2720AC
700
#1F198A
800
#18146C
900
#15124E
950
#0D0C32

Contrast Checker

Text on white

7.58:1

AA Pass AAA Pass

Text on black

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