#31148F

#31148F

Color Values

HEX

#31148F

RGB

49, 20, 143

HSL

254.1, 75.5%, 32.0%

HSV

254.1, 86.0%, 56.1%

CMYK

65.7%, 86.0%, 0.0%, 43.9%

OKLCH

0.3366 0.1807 281.4

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#31148F

#728F14

Analogous

#14358F

#6F148F

#31148F

Triadic

#31148F

#8F3114

#148F31

Split Complementary

#31148F

#8F6F14

#358F14

Tetradic

#31148F

#8F1435

#728F14

#148F6F

Color Blindness Simulation

Original

#31148F

Protanopia

#242471

Deuteranopia

#26286A

Tritanopia

#305A55

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#F5F2FC
100
#E7E2F9
200
#CDC0F6
300
#A994F0
400
#7B59E8
500
#4C1FE0
600
#3D19B3
700
#31148F
800
#261070
900
#1F1051
950
#140A33

Contrast Checker

Text on white

12.9:1

AA Pass AAA Pass

Text on black

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