#31284C

#31284C

Color Values

HEX

#31284C

RGB

49, 40, 76

HSL

255.0, 31.0%, 22.7%

HSV

255.0, 47.4%, 29.8%

CMYK

35.5%, 47.4%, 0.0%, 70.2%

OKLCH

0.3052 0.064 293.8

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#31284C

#434C28

Analogous

#28314C

#43284C

#31284C

Triadic

#31284C

#4C3128

#284C31

Split Complementary

#31284C

#4C4328

#314C28

Tetradic

#31284C

#4C2831

#434C28

#284C43

Color Blindness Simulation

Original

#31284C

Protanopia

#2D2D43

Deuteranopia

#2E2E41

Tritanopia

#313C3B

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EBE8F2
200
#D6D0E6
300
#B8AFD5
400
#9283BE
500
#6C58A7
600
#564686
700
#45386B
800
#362C54
900
#2A233E
950
#1A1627

Contrast Checker

Text on white

13.65:1

AA Pass AAA Pass

Text on black

1.54:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026