#33277C

#33277C

Color Values

HEX

#33277C

RGB

51, 39, 124

HSL

248.5, 52.1%, 32.0%

HSV

248.5, 68.5%, 48.6%

CMYK

58.9%, 68.5%, 0.0%, 51.4%

OKLCH

0.3436 0.1373 282.9

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#33277C

#707C27

Analogous

#27467C

#5E277C

#33277C

Triadic

#33277C

#7C3327

#277C33

Split Complementary

#33277C

#7C5E27

#467C27

Tetradic

#33277C

#7C2746

#707C27

#277C5E

Color Blindness Simulation

Original

#33277C

Protanopia

#2E2E67

Deuteranopia

#2E2F62

Tritanopia

#325754

Achromatopsia

#303030

CSS Usage

background-color: #33277C;
color: #33277C;
border-color: #33277C;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CEC9EE
300
#ABA2E2
400
#7D6FD2
500
#503DC2
600
#40319B
700
#33277C
800
#281F61
900
#201A47
950
#14102D

Contrast Checker

Text on white

12.2:1

AA Pass AAA Pass

Text on black

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