#312F65

#312F65

Color Values

HEX

#312F65

RGB

49, 47, 101

HSL

242.2, 36.5%, 29.0%

HSV

242.2, 53.5%, 39.6%

CMYK

51.5%, 53.5%, 0.0%, 60.4%

OKLCH

0.3378 0.0922 281.9

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#312F65

#63652F

Analogous

#2F4865

#4C2F65

#312F65

Triadic

#312F65

#65312F

#2F6531

Split Complementary

#312F65

#654C2F

#48652F

Tetradic

#312F65

#652F48

#63652F

#2F654C

Color Blindness Simulation

Original

#312F65

Protanopia

#303058

Deuteranopia

#303055

Tritanopia

#314E4B

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CFCEE8
300
#ADABD8
400
#817EC3
500
#5451AE
600
#44418B
700
#36346F
800
#2A2857
900
#222140
950
#151529

Contrast Checker

Text on white

12.17:1

AA Pass AAA Pass

Text on black

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