#31499B

#31499B

Color Values

HEX

#31499B

RGB

49, 73, 155

HSL

226.4, 52.0%, 40.0%

HSV

226.4, 68.4%, 60.8%

CMYK

68.4%, 52.9%, 0.0%, 39.2%

OKLCH

0.434 0.1367 268.0

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#31499B

#9B8331

Analogous

#317E9B

#4E319B

#31499B

Triadic

#31499B

#9B3149

#499B31

Split Complementary

#31499B

#9B4E31

#7E9B31

Tetradic

#31499B

#9B317E

#9B8331

#319B4E

Color Blindness Simulation

Original

#31499B

Protanopia

#3B3C87

Deuteranopia

#3A3882

Tritanopia

#327774

Achromatopsia

#4A4A4A

CSS Usage

background-color: #31499B;
color: #31499B;
border-color: #31499B;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F4F6FB
100
#E5E9F5
200
#C9D1EE
300
#A2B0E2
400
#7086D2
500
#3D5BC2
600
#31499B
700
#273A7C
800
#1F2E61
900
#1A2447
950
#10172D

Contrast Checker

Text on white

8.21:1

AA Pass AAA Pass

Text on black

2.56:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026