#31284D

#31284D

Color Values

HEX

#31284D

RGB

49, 40, 77

HSL

254.6, 31.6%, 22.9%

HSV

254.6, 48.1%, 30.2%

CMYK

36.4%, 48.1%, 0.0%, 69.8%

OKLCH

0.3059 0.0656 293.3

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#31284D

#444D28

Analogous

#28314D

#43284D

#31284D

Triadic

#31284D

#4D3128

#284D31

Split Complementary

#31284D

#4D4328

#314D28

Tetradic

#31284D

#4D2831

#444D28

#284D43

Color Blindness Simulation

Original

#31284D

Protanopia

#2D2D44

Deuteranopia

#2E2E42

Tritanopia

#313D3B

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EBE8F2
200
#D6D0E7
300
#B8AED5
400
#9183BE
500
#6B57A8
600
#554686
700
#44386B
800
#352C54
900
#29233E
950
#1A1627

Contrast Checker

Text on white

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