#310946

#310946

Color Values

HEX

#310946

RGB

49, 9, 70

HSL

279.3, 77.2%, 15.5%

HSV

279.3, 87.1%, 27.5%

CMYK

30.0%, 87.1%, 0.0%, 72.5%

OKLCH

0.2485 0.1075 310.5

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#310946

#1E4609

Analogous

#120946

#46093D

#310946

Triadic

#310946

#463109

#094631

Split Complementary

#310946

#3D4609

#094612

Tetradic

#310946

#461209

#1E4609

#093D46

Color Blindness Simulation

Original

#310946

Protanopia

#201F37

Deuteranopia

#222534

Tritanopia

#2F2C29

Achromatopsia

#161616

CSS Usage

background-color: #310946;
color: #310946;
border-color: #310946;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F9F2FC
100
#F1E1F9
200
#E4C0F7
300
#D093F1
400
#B758E9
500
#9E1DE2
600
#7E17B5
700
#651391
800
#4F0F71
900
#3B0F52
950
#250934

Contrast Checker

Text on white

16.69:1

AA Pass AAA Pass

Text on black

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