#31325F

#31325F

Color Values

HEX

#31325F

RGB

49, 50, 95

HSL

238.7, 31.9%, 28.2%

HSV

238.7, 48.4%, 37.3%

CMYK

48.4%, 47.4%, 0.0%, 62.7%

OKLCH

0.34 0.0778 280.5

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#31325F

#5F5E31

Analogous

#31495F

#47315F

#31325F

Triadic

#31325F

#5F3132

#325F31

Split Complementary

#31325F

#5F4731

#495F31

Tetradic

#31325F

#5F3149

#5F5E31

#315F47

Color Blindness Simulation

Original

#31325F

Protanopia

#313154

Deuteranopia

#313152

Tritanopia

#314C4A

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F5F5F9
100
#E8E9F2
200
#D0D0E7
300
#AEAFD5
400
#8384BF
500
#5759A8
600
#454787
700
#38396C
800
#2B2C54
900
#23233E
950
#161627

Contrast Checker

Text on white

11.99:1

AA Pass AAA Pass

Text on black

1.75:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026