#310F70

#310F70

Color Values

HEX

#310F70

RGB

49, 15, 112

HSL

261.0, 76.4%, 24.9%

HSV

261.0, 86.6%, 43.9%

CMYK

56.2%, 86.6%, 0.0%, 56.1%

OKLCH

0.297 0.1489 289.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#310F70

#4E700F

Analogous

#0F1E70

#610F70

#310F70

Triadic

#310F70

#70310F

#0F7031

Split Complementary

#310F70

#70610F

#1E700F

Tetradic

#310F70

#700F1E

#4E700F

#0F7061

Color Blindness Simulation

Original

#310F70

Protanopia

#222259

Deuteranopia

#242753

Tritanopia

#2F4642

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#F6F2FC
100
#EAE2F9
200
#D3C0F7
300
#B493F1
400
#8B59E9
500
#621EE1
600
#4F18B4
700
#3F1390
800
#310F70
900
#260F52
950
#180A34

Contrast Checker

Text on white

14.66:1

AA Pass AAA Pass

Text on black

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