#3F337B

#3F337B

Color Values

HEX

#3F337B

RGB

63, 51, 123

HSL

250.0, 41.4%, 34.1%

HSV

250.0, 58.5%, 48.2%

CMYK

48.8%, 58.5%, 0.0%, 51.8%

OKLCH

0.3752 0.1176 287.0

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#3F337B

#6F7B33

Analogous

#334B7B

#63337B

#3F337B

Triadic

#3F337B

#7B3F33

#337B3F

Split Complementary

#3F337B

#7B6333

#4B7B33

Tetradic

#3F337B

#7B334B

#6F7B33

#337B63

Color Blindness Simulation

Original

#3F337B

Protanopia

#3A3A6A

Deuteranopia

#3A3B65

Tritanopia

#3E5C59

Achromatopsia

#3B3B3B

CSS Usage

background-color: #3F337B;
color: #3F337B;
border-color: #3F337B;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F6F5FA
100
#E9E7F3
200
#D1CDEA
300
#B1A8DB
400
#877AC8
500
#5C4BB4
600
#4A3C90
700
#3B3073
800
#2E255A
900
#241E43
950
#17132A

Contrast Checker

Text on white

10.66:1

AA Pass AAA Pass

Text on black

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