#31017F

#31017F

Color Values

HEX

#31017F

RGB

49, 1, 127

HSL

262.9, 98.4%, 25.1%

HSV

262.9, 99.2%, 49.8%

CMYK

61.4%, 99.2%, 0.0%, 50.2%

OKLCH

0.3036 0.1744 286.7

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#31017F

#4F7F01

Analogous

#01107F

#70017F

#31017F

Triadic

#31017F

#7F3101

#017F31

Split Complementary

#31017F

#7F7001

#107F01

Tetradic

#31017F

#7F0110

#4F7F01

#017F70

Color Blindness Simulation

Original

#31017F

Protanopia

#1C1C61

Deuteranopia

#1F2359

Tritanopia

#2F4843

Achromatopsia

#141414

CSS Usage

background-color: #31017F;
color: #31017F;
border-color: #31017F;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F6F1FE
100
#EADEFC
200
#D3B8FE
300
#B486FE
400
#8B44FD
500
#6202FD
600
#4E02CA
700
#3F01A2
800
#31017E
900
#26065B
950
#18043A

Contrast Checker

Text on white

14.57:1

AA Pass AAA Pass

Text on black

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