#31057B

#31057B

Color Values

HEX

#31057B

RGB

49, 5, 123

HSL

262.4, 92.2%, 25.1%

HSV

262.4, 95.9%, 48.2%

CMYK

60.2%, 95.9%, 0.0%, 51.8%

OKLCH

0.3017 0.1678 287.5

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#31057B

#4F7B05

Analogous

#05147B

#6C057B

#31057B

Triadic

#31057B

#7B3105

#057B31

Split Complementary

#31057B

#7B6C05

#147B05

Tetradic

#31057B

#7B0514

#4F7B05

#057B6C

Color Blindness Simulation

Original

#31057B

Protanopia

#1E1E5E

Deuteranopia

#202458

Tritanopia

#2F4843

Achromatopsia

#171717

CSS Usage

background-color: #31057B;
color: #31057B;
border-color: #31057B;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F6F1FD
100
#EADFFB
200
#D3BAFC
300
#B489FA
400
#8B4AF8
500
#620AF5
600
#4E08C4
700
#3F069D
800
#31057B
900
#260859
950
#180538

Contrast Checker

Text on white

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