#311967

#311967

Color Values

HEX

#311967

RGB

49, 25, 103

HSL

258.5, 60.9%, 25.1%

HSV

258.5, 75.7%, 40.4%

CMYK

52.4%, 75.7%, 0.0%, 59.6%

OKLCH

0.2997 0.1275 290.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#311967

#4F6719

Analogous

#192867

#581967

#311967

Triadic

#311967

#673119

#196731

Split Complementary

#311967

#675819

#286719

Tetradic

#311967

#671928

#4F6719

#196758

Color Blindness Simulation

Original

#311967

Protanopia

#272654

Deuteranopia

#282A50

Tritanopia

#304542

Achromatopsia

#242424

CSS Usage

background-color: #311967;
color: #311967;
border-color: #311967;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F6F3FB
100
#EAE4F6
200
#D3C6F1
300
#B49DE7
400
#8B67DA
500
#6232CD
600
#4E28A4
700
#3F2083
800
#311967
900
#26164B
950
#180E2F

Contrast Checker

Text on white

14.33:1

AA Pass AAA Pass

Text on black

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