#310D63

#310D63

Color Values

HEX

#310D63

RGB

49, 13, 99

HSL

265.1, 76.8%, 22.0%

HSV

265.1, 86.9%, 38.8%

CMYK

50.5%, 86.9%, 0.0%, 61.2%

OKLCH

0.281 0.1358 294.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#310D63

#3F630D

Analogous

#0D1463

#5C0D63

#310D63

Triadic

#310D63

#63310D

#0D6331

Split Complementary

#310D63

#635C0D

#14630D

Tetradic

#310D63

#630D14

#3F630D

#0D635C

Color Blindness Simulation

Original

#310D63

Protanopia

#21214E

Deuteranopia

#242649

Tritanopia

#2F3E3A

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#EBE1F9
200
#D7C0F7
300
#BA93F1
400
#9558E9
500
#701EE1
600
#5918B4
700
#471390
800
#380F71
900
#2B0F52
950
#1B0934

Contrast Checker

Text on white

15.35:1

AA Pass AAA Pass

Text on black

1.37:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026