#311754

#311754

Color Values

HEX

#311754

RGB

49, 23, 84

HSL

265.6, 57.0%, 21.0%

HSV

265.6, 72.6%, 32.9%

CMYK

41.7%, 72.6%, 0.0%, 67.1%

OKLCH

0.2791 0.1053 298.9

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#311754

#3A5417

Analogous

#171C54

#501754

#311754

Triadic

#311754

#543117

#175431

Split Complementary

#311754

#545017

#1C5417

Tetradic

#311754

#54171C

#3A5417

#175450

Color Blindness Simulation

Original

#311754

Protanopia

#262645

Deuteranopia

#272942

Tritanopia

#303A37

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#ECE5F6
200
#D8C7F0
300
#BD9FE5
400
#996BD6
500
#7537C8
600
#5D2CA0
700
#4B2380
800
#3A1B64
900
#2D1849
950
#1C0F2E

Contrast Checker

Text on white

15.2:1

AA Pass AAA Pass

Text on black

1.38:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026