#31277C

#31277C

Color Values

HEX

#31277C

RGB

49, 39, 124

HSL

247.1, 52.1%, 32.0%

HSV

247.1, 68.5%, 48.6%

CMYK

60.5%, 68.5%, 0.0%, 51.4%

OKLCH

0.3418 0.1377 281.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#31277C

#727C27

Analogous

#27487C

#5C277C

#31277C

Triadic

#31277C

#7C3127

#277C31

Split Complementary

#31277C

#7C5C27

#487C27

Tetradic

#31277C

#7C2748

#727C27

#277C5C

Color Blindness Simulation

Original

#31277C

Protanopia

#2D2D67

Deuteranopia

#2D2E62

Tritanopia

#305754

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CDC9EE
300
#A9A2E2
400
#7B6FD2
500
#4D3DC2
600
#3D319B
700
#31277C
800
#261F61
900
#1F1A47
950
#14102D

Contrast Checker

Text on white

12.27:1

AA Pass AAA Pass

Text on black

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