#311757

#311757

Color Values

HEX

#311757

RGB

49, 23, 87

HSL

264.4, 58.2%, 21.6%

HSV

264.4, 73.6%, 34.1%

CMYK

43.7%, 73.6%, 0.0%, 65.9%

OKLCH

0.2818 0.1093 297.5

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#311757

#3D5717

Analogous

#171D57

#511757

#311757

Triadic

#311757

#573117

#175731

Split Complementary

#311757

#575117

#1D5717

Tetradic

#311757

#57171D

#3D5717

#175751

Color Blindness Simulation

Original

#311757

Protanopia

#262648

Deuteranopia

#272944

Tritanopia

#303B39

Achromatopsia

#212121

CSS Usage

background-color: #311757;
color: #311757;
border-color: #311757;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F7F4FB
100
#ECE4F6
200
#D7C7F0
300
#BB9EE5
400
#966AD8
500
#7235CA
600
#5B2BA1
700
#492281
800
#391B65
900
#2C174A
950
#1C0F2F

Contrast Checker

Text on white

15.1:1

AA Pass AAA Pass

Text on black

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