#310344

#310344

Color Values

HEX

#310344

RGB

49, 3, 68

HSL

282.5, 91.5%, 13.9%

HSV

282.5, 95.6%, 26.7%

CMYK

27.9%, 95.6%, 0.0%, 73.3%

OKLCH

0.24 0.1132 312.9

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#310344

#164403

Analogous

#110344

#440336

#310344

Triadic

#310344

#443103

#034431

Split Complementary

#310344

#364403

#034411

Tetradic

#310344

#441103

#164403

#033644

Color Blindness Simulation

Original

#310344

Protanopia

#1D1D34

Deuteranopia

#202330

Tritanopia

#2F2825

Achromatopsia

#111111

CSS Usage

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

Tailwind Shades

50
#FAF1FD
100
#F3DFFB
200
#E9BBFC
300
#D98AFA
400
#C54AF7
500
#B00BF4
600
#8D09C3
700
#71079C
800
#58057A
900
#410958
950
#290538

Contrast Checker

Text on white

17.11:1

AA Pass AAA Pass

Text on black

1.23:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026