#3F2C77

#3F2C77

Color Values

HEX

#3F2C77

RGB

63, 44, 119

HSL

255.2, 46.0%, 32.0%

HSV

255.2, 63.0%, 46.7%

CMYK

47.1%, 63.0%, 0.0%, 53.3%

OKLCH

0.3594 0.1225 290.6

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#3F2C77

#64772C

Analogous

#2C3F77

#652C77

#3F2C77

Triadic

#3F2C77

#773F2C

#2C773F

Split Complementary

#3F2C77

#77652C

#3F772C

Tetradic

#3F2C77

#772C3F

#64772C

#2C7765

Color Blindness Simulation

Original

#3F2C77

Protanopia

#373765

Deuteranopia

#383960

Tritanopia

#3E5753

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F6F4FA
100
#EAE6F4
200
#D3CBEC
300
#B4A6DE
400
#8B75CC
500
#6345BA
600
#4F3795
700
#3F2C77
800
#31225D
900
#271C45
950
#18122B

Contrast Checker

Text on white

11.43:1

AA Pass AAA Pass

Text on black

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