#31017E

#31017E

Color Values

HEX

#31017E

RGB

49, 1, 126

HSL

263.0, 98.4%, 24.9%

HSV

263.0, 99.2%, 49.4%

CMYK

61.1%, 99.2%, 0.0%, 50.6%

OKLCH

0.3024 0.1733 287.0

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#31017E

#4E7E01

Analogous

#01107E

#6F017E

#31017E

Triadic

#31017E

#7E3101

#017E31

Split Complementary

#31017E

#7E6F01

#107E01

Tetradic

#31017E

#7E0110

#4E7E01

#017E6F

Color Blindness Simulation

Original

#31017E

Protanopia

#1C1C60

Deuteranopia

#1F2358

Tritanopia

#2F4843

Achromatopsia

#141414

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

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