#312546

#312546

Color Values

HEX

#312546

RGB

49, 37, 70

HSL

261.8, 30.8%, 21.0%

HSV

261.8, 47.1%, 27.5%

CMYK

30.0%, 47.1%, 0.0%, 72.5%

OKLCH

0.2948 0.06 299.5

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#312546

#3A4625

Analogous

#252A46

#422546

#312546

Triadic

#312546

#463125

#254631

Split Complementary

#312546

#464225

#2A4625

Tetradic

#312546

#46252A

#3A4625

#254642

Color Blindness Simulation

Original

#312546

Protanopia

#2C2C3E

Deuteranopia

#2C2D3C

Tritanopia

#303836

Achromatopsia

#2A2A2A

CSS Usage

background-color: #312546;
color: #312546;
border-color: #312546;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F7F5F9
100
#ECE8F2
200
#D8D0E6
300
#BDAFD5
400
#9984BE
500
#7558A7
600
#5D4785
700
#4B386B
800
#3A2C53
900
#2D233E
950
#1C1627

Contrast Checker

Text on white

14.15:1

AA Pass AAA Pass

Text on black

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