#313AA0

#313AA0

Color Values

HEX

#313AA0

RGB

49, 58, 160

HSL

235.1, 53.1%, 41.0%

HSV

235.1, 69.4%, 62.7%

CMYK

69.4%, 63.8%, 0.0%, 37.3%

OKLCH

0.4085 0.163 272.9

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#313AA0

#A09731

Analogous

#3172A0

#5F31A0

#313AA0

Triadic

#313AA0

#A0313A

#3AA031

Split Complementary

#313AA0

#A05F31

#72A031

Tetradic

#313AA0

#A03172

#A09731

#31A05F

Color Blindness Simulation

Original

#313AA0

Protanopia

#353587

Deuteranopia

#343481

Tritanopia

#317470

Achromatopsia

#3F3F3F

CSS Usage

background-color: #313AA0;
color: #313AA0;
border-color: #313AA0;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FB
100
#E5E6F5
200
#C8CBEE
300
#A1A7E2
400
#6F77D3
500
#3C47C3
600
#30399C
700
#262D7D
800
#1E2362
900
#191D48
950
#10122D

Contrast Checker

Text on white

9.36:1

AA Pass AAA Pass

Text on black

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