#3F0776

#3F0776

Color Values

HEX

#3F0776

RGB

63, 7, 118

HSL

270.3, 88.8%, 24.5%

HSV

270.3, 94.1%, 46.3%

CMYK

46.6%, 94.1%, 0.0%, 53.7%

OKLCH

0.3145 0.1618 298.1

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#3F0776

#3E7607

Analogous

#080776

#760775

#3F0776

Triadic

#3F0776

#763F07

#07763F

Split Complementary

#3F0776

#757607

#077608

Tetradic

#3F0776

#760807

#3E7607

#077576

Color Blindness Simulation

Original

#3F0776

Protanopia

#27265B

Deuteranopia

#2A2E55

Tritanopia

#3C4641

Achromatopsia

#1B1B1B

CSS Usage

background-color: #3F0776;
color: #3F0776;
border-color: #3F0776;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F2FD
100
#EDE0FB
200
#DCBCFB
300
#C28BF8
400
#A14DF4
500
#810EF1
600
#670BC1
700
#52099A
800
#400778
900
#310A57
950
#1F0637

Contrast Checker

Text on white

13.97:1

AA Pass AAA Pass

Text on black

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